摘要

目前项目中采用的方式是内嵌浏览器的方式,打开本地或者互联网上的h5页面。在开发之前做了一下调研。目前常用的在C#封装的浏览器内核中,Chromium 内核封装有Xilium.Cefglue、Cefsharp,Webkit 内核封装 Webkit.NET 、OpenWebKitSharp等。webbrowser又与电脑上的IE版本相关,兼容性不好,在win10上,排版是好的,如果拿到win7上,就会出现排版错乱的现象。当然你可以通过修改注册表,进行制定ie的版本。

js与webbrowser的交互

如果在页面上,存在一个js方法,你想通过c#的方式调用该方法,或者出传递值,你可以这样来做。

c#调用js方法

如果页面上提供了js方法,我们可以使用 InvokeScript 方法

public object InvokeScript(string scriptName)
public object InvokeScript(string scriptName,object[] args)
        private void button1_Click(object sender, EventArgs e)
{
HtmlDocument doc = this.webBrowser1.Document;
doc.InvokeScript("showMsg", new[] { "Hello world" });
}

测试

js调用c#方法

  //
// 摘要:
// 获取或设置一个对象,该对象可由显示在 System.Windows.Forms.WebBrowser 控件中的网页所包含的脚本代码访问。
//
// 返回结果:
// 可用于脚本代码的对象。
//
// 异常:
// T:System.ArgumentException:
// 指定的值时将此属性设置为非公共类型的实例。- 或 -指定的值时将此属性设置为不是 COM 可见类型的实例。
有关详细信息,请参阅System.Runtime.InteropServices.Marshal.IsTypeVisibleFromCom(System.Type)。
[Browsable(false)]
[DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
public object ObjectForScripting { get; set; }

webbrowser通过该属性注册js调用的对象。

记得要在JSObject 类上面声明 [System.Runtime.InteropServices.ComVisible(true)] 才能使对象可见。例如在本demo中

  [System.Runtime.InteropServices.ComVisible(true)]
public partial class Form1 : Form
{
......do somthing here
}
        private void Form1_Load(object sender, EventArgs e)
{
//注册script 调用对象
this.webBrowser1.ObjectForScripting = this;
string exeDir = AppDomain.CurrentDomain.BaseDirectory;
this.webBrowser1.Url = new Uri("file:///" + Path.Combine(exeDir, "www", "test.html"));
this.FormClosing += Form1_FormClosing;
}

js如何使用c#方法?

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script> function showMsg(msg) {
alert(msg);
}
window.onload = function () {
document.getElementById("btn").onclick = function () {
var response = window.external.GetDateTime();
document.getElementById("msg").innerHTML = response;
}
}
</script>
</head>
<body>
<input type="button" name="name" value="获取时间" id="btn" />
<div id="msg"></div>
</body>
</html>

测试

自定义js的alert弹窗

c# 方法

        public void ShowMsg(string msg)
{
MessageBox.Show(msg, "提示", MessageBoxButtons.OKCancel);
}

js调用

  window.external.ShowMsg("自定义弹窗");

总结

webbrowser相对其它内核的浏览器,操作上比较方便,毕竟跟winform集成的比较完美。但也有它的缺点,就是跟系统IE有关系,会出现兼容性的问题,而开发最头疼的就是调ie的兼容性。

webbrowser与ie的关系可以参考这篇文章,可以通过将你的程序添加到注册表,设置webbrowser的版本。

http://www.cnblogs.com/liuzhendong/archive/2012/03/21/2410107.html

[Winform]js与webbrowser交互的更多相关文章

  1. Winform启动隐藏,WebBrowser交互JS

    一.启动隐藏 Winform比较奇怪,Load的时候设置Visiable=false,无效.webBrowser_DocumentCompleted之后调用hide隐藏了窗体,但是在notifyIco ...

  2. WinForm中嵌入WebBrowser,并且支持C#和JS方法的相互调用

    纯粹WinForm界面不够友好,实现数据复杂度高的处理有些力不从心,所以看了看api以后决定用html来做. 我的wlw的代码插件不是很好用,大家凑合看吧 类前说明引用和权限 1: [Permissi ...

  3. C# WinForm 和 javascript进行交互 使用HTML做界面

    01 using System; 02 using System.Collections.Generic; 03 using System.Text; 04 using System.Reflecti ...

  4. C# WinForm开发系列 - WebBrowser

    原文:C# WinForm开发系列 - WebBrowser 介绍Vs 2005中带的WebBrowser控件使用以及一些疑难问题的解决方法, 如如何正确显示中文, 屏蔽右键菜单, 设置代理等; 收集 ...

  5. js与native交互

    js与native交互 UIWebView Native调用JS,使用stringByEvaluatingJavaScriptFromString来解释执行js脚本. //script即为要执行的js ...

  6. CEF3开发者系列之JS与C++交互之一

    JS与Native交互是相对于比较困难的技术,在学习这门技术之前,我们先了解下浏览器内核中的JS引擎与chromium内核的V8引擎相关知识.在浏览器应用中,JS与本地代码互相调用,得益于浏览器内核对 ...

  7. js与C++交互及C++解析json

    转载:http://zhidao.baidu.com/link?url=LLuWzwMmpfVcQeSGv1CrAfRXpnZaetm9xypqwMW6zxLhhKES-rITAsG0-Ku-bSMA ...

  8. OC和JS之间的交互

    OC和JS之间的交互 目录 对OC和JS之间交互的理解 JS调用OC OC调用JS 对OC和JS之间交互的理解 JS调用OC JS文件 function sendCommand(cmd,param){ ...

  9. 史上最全的 UIWebview 的 JS 与 OC 交互

    来源:伯乐在线 - 键盘风筝 链接:http://ios.jobbole.com/89330/ 点击 → 申请加入伯乐在线专栏作者 其实一直想给大家整理一下JS与OC的交互,但是没有合适的机会,今天借 ...

随机推荐

  1. AtomicInteger源码

    一.概念 AtomicInteger,一个提供原子操作的Integer的类.在Java语言中,++i和i++操作并不是线程安全的,在使用的时候,不可避免的会用到synchronized关键字.而Ato ...

  2. Linux下USB转串口的驱动【转】

    转自:http://www.linuxidc.com/Linux/2011-02/32218.htm Linux发行版自带usb to serial驱动,以模块方式编译驱动,在内核源代码目录下运行Ma ...

  3. 消息监听器无法注入bean

    问题描述: 在activemq的监听器中,通过注解@Autowired或@Resource注入bean时,获取到的bean为null.调用该bean的方法时会报空指针异常. 问题原因: 当调用bean ...

  4. 002_CentOS-6.4-x86_64安装包的说明

    http://mirrors.sohu.com/centos/6.6/isos/x86_64/?qq-pf-to=pcqq.group //souhu镜像下载地址 0_README.txt 25-Oc ...

  5. Python学习系列之(二)图解Windows8.1下安装Django

    一. 下载 去官网下载https://www.djangoproject.com/download/最新版,最新版本是1.6 二. 安装: 将下载下来的Django-1.6.tar.gz解压到D盘,接 ...

  6. PowerMockRunner和ActiveObjectsJUnitRunner

    Jira的二次开发,需要作单元测试. 测试跟数据库连接的类,比如service类,需要在类上加@RunWith(ActiveObjectsJUnitRunner.class). 有时需要搭配mocki ...

  7. easyui表格,单元格合并

    easyui的合并单元格比较麻烦,官网提供一下方法 $('#tt').datagrid({ onLoadSuccess:function(){ var merges = [{ index:2, row ...

  8. Windows caffe VGG人脸识别

    caffe自带的例子有mnist和cifar10,cifar10和mnist的运行方式类型,下好图片数据文件后,训练例子中的模型,然后测试模型,也可以自己用图片进行预测分类(自己图片最好是cifar1 ...

  9. GeoHash解析及java实现

    GeoHash解析请参考这里: http://www.open-open.com/lib/view/open1417940079964.html java实现GeoHash,代码已注释. import ...

  10. (转)Python函数式编程——map()、reduce()

    转自:http://www.jianshu.com/p/7fe3408e6048 1.map(func,seq1[,seq2...]) Python 函数式编程中的map()函数是将func作用于se ...