c#winform中使用WebKit传递js对象实现与网页交互

﹏ヽ暗。殇╰゛Y 2024-04-18 10:17 33阅读 0赞

有个项目要使用WebBroswer控件，并且要能传递一个js对象供前台调用，用c\#的WebBroswer控件很容易实现：

**\[csharp\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  private void Form1\_Load(object sender, EventArgs e)  
2.  \{  
3.      WebBrowser wb = new WebBrowser();                      
4.      wb.ObjectForScripting = new myClass();              
5.  \}

private void Form1_Load(object sender, EventArgs e)
        {
            WebBrowser wb = new WebBrowser();                    
            wb.ObjectForScripting = new myClass();            
        }

要传递的js对象必须使用\[ComVisibleAttribute\]标记为COM 可见：

**\[csharp\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  \[System.Runtime.InteropServices.ComVisibleAttribute(true)\]  
2.  class myClass  
3.  \{  
4.      public void Test()  
5.      \{  
6.          System.Windows.Forms.MessageBox.Show("alert:Test");  
7.      \}  
8.  \}

[System.Runtime.InteropServices.ComVisibleAttribute(true)]
        class myClass
        {
            public void Test()
            {
                System.Windows.Forms.MessageBox.Show("alert:Test");
            }
        }

这样前台就能使用window.external调用myClass的方法： window.external.Test();

如果就这样那就简单了 ,可偏偏项目使用的网站对IE的兼容性极差(吐槽下：个人觉得是IE太烂了，对标准的支持太差)，无奈之下想找寻其他类似的WebBrowser控件，发现几个不错的替换控件：

1.  GeokoFx：一个Firefox的Geoko引擎的Windows Forms包装，google上的下载地址：[http://code.google.com/p/geckofx/][http_code.google.com_p_geckofx] 官网：[http://www.geckofx.org/][http_www.geckofx.org]
2.  WebKit.NET:webkit的.NET封装，下载地址：[http://sourceforge.net/projects/webkitdotnet/][http_sourceforge.net_projects_webkitdotnet]

本来决定使用GeokoFx，因为项目使用的网站用火狐打开是很快的，但是我找了几天资料也没发现怎么传递个js对象给控件，当发现Qt的webbroswer控件也是封装的WebKit控件时，遂决定使用WebKit，但WebKit.NET也没有直接提供传递对象的方法，后来发现又一个好东西：

1.  open-webkit-sharp:对webkit.net的又一次封装，提供了很多新功能。google上下载地址：[http://code.google.com/p/open-webkit-sharp/][http_code.google.com_p_open-webkit-sharp]

下面的使用就非常简单了，下载open-webkit-sharp后，把Core文件夹和References文件夹下所有文件拷贝到你的工程目录下，然后打开你的项目，添加引用OpenWebKitSharp.dll和WebKit.Interop.dll(如果你的项目运行在.NET Framework 2.0 或 3.5 引用 Binary\_NET2文件夹下的这两个文件，NET4.0的话就引用Binary文件夹下的这两个dll)；然后就是工具箱->选择项->选择OpenWebKitSharp.dll，然后从工具箱中把WebKitBrowser拖到你的窗体上.现在已经成功了一大步了，但是为了避免使用时遇到各种错误，我们需要先安装两个支持文件：

1.  Microsoft C++ 2005 Redistributable [ http://www.microsoft.com/download/en/details.aspx?id=26347Windows][http_www.microsoft.com_download_en_details.aspx_id_26347Windows] XP/Vista/7 32/64 Bit
2.  Apple QuickTime (Optional - for better HTML5 Support)

Ready！开始传递对象：

**\[csharp\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  private void Form1\_Load(object sender, EventArgs e)  
2.  \{  
3.      this.webKitBrowser1.Navigate("http://yourWebSiteUrl");  
4.      this.webKitBrowser1.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(webKitBrowser1\_DocumentCompleted);  
5.  \}  
6.  void webKitBrowser1\_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)  
7.  \{  
8.      this.webKitBrowser1.GetScriptManager.ScriptObject = new myClass();  
9.  \}

private void Form1_Load(object sender, EventArgs e)
            {
                this.webKitBrowser1.Navigate("http://yourWebSiteUrl");
                this.webKitBrowser1.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(webKitBrowser1_DocumentCompleted);
            }
            void webKitBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
            {
                this.webKitBrowser1.GetScriptManager.ScriptObject = new myClass();
            }

前台调用方式类似IE的webbroswer，也使用window.external调用，你也可以自己定义一个对象：

**\[csharp\]** [ view plain][view plain] [copy][view plain] [print][view plain] [?][view plain]

1.  this.webKitBrowser1.GetScriptManager.EvaluateScript("var obj=window.external;");

this.webKitBrowser1.GetScriptManager.EvaluateScript("var obj=window.external;");

这样调用的时候就能用你自己定义的对象名访问了。

应该也有直接自己定义对象的方法，但是open-webkit-sharp中文的资料实在的不多，耐着性子看了几天老外的论坛，一水的全是吐槽，实际解决问题的不多。等有更好的方法，也请大家不吝赐教。

转载  [http://blog.csdn.net/jallymn/article/details/8271671][http_blog.csdn.net_jallymn_article_details_8271671]

李民权

[view plain]: http://blog.csdn.net/jallymn/article/details/8271671#
[http_code.google.com_p_geckofx]: http://code.google.com/p/geckofx/
[http_www.geckofx.org]: http://www.geckofx.org/
[http_sourceforge.net_projects_webkitdotnet]: http://sourceforge.net/projects/webkitdotnet/
[http_code.google.com_p_open-webkit-sharp]: http://code.google.com/p/open-webkit-sharp/
[http_www.microsoft.com_download_en_details.aspx_id_26347Windows]: http://www.microsoft.com/download/en/details.aspx?id=26347
[http_blog.csdn.net_jallymn_article_details_8271671]: http://blog.csdn.net/jallymn/article/details/8271671