C#Winform将WebBowser控件替换为Chrome内核

迈不过友情╰ 2022-04-02 07:12 378阅读 0赞

## 摘要 ##

由于最近要做一个浏览器式的软件，其中有不少地方需要使用到jQuery和BootStrap，但是在C\#中，默认的WebBrowser控件默认使用的是IE的core，而低版本的IE在JS加载上总是容易有问题，因此，打算使用Chrome的内核替换IE。

## 准备工作 ##

首先，你要明白Chrome浏览器的内核不叫Chrome，而是Webkit，因此，我们只要找到Webkit的项目就好了。

1.下载WebKit的项目bin,网址如下：

[https://sourceforge.net/projects/webkitdotnet/files/WebKit%20.NET%200.x/0.5/WebKit.NET-0.5-bin-cairo.zip/download][https_sourceforge.net_projects_webkitdotnet_files_WebKit_20.NET_200.x_0.5_WebKit.NET-0.5-bin-cairo.zip_download]。

2.下载解压后的目录结构如下：

![2018122518124289][]

3.将bin文件夹下的所有（没错！是所有文件复制），并粘贴到项目文件夹下，目标目录是：项目名/bin/Debug/

![20181225181242115][]

4.导入Webkitbrowser的dll到你的项目中。在VS2015的操作如下（其他的类推）：

在Solution Explorer下，选中你的项目名，然后右键，选择Add，然后选择Reference，如下图：

![20181225181242201][]

5.在弹出的对话框里。选择Browse -> Browse...，然后选择你的：项目名/bin/Debug下之前粘贴的WebKitBrowser.dll导入，结果如下图：

![20181225181242219][]

## 编码阶段 ##

1.你要做的，首先选择你之前下载的bin目录下的WebKitBrowser.dll，然后复制，如下图：

![20181225181242237][]

2.在C\#的控件栏中，自己建一个自定义的C\#控件栏，例如我的叫WebBrowser,然后在工具栏中粘贴刚才复制的dll,最后效果如下图：

![20181225181242254][]

之后你就可以正常使用WebKitBrowser控件了。

3.大功告成了，通过这个网站可以测试浏览器的内核，网址:[http://ie.icoa.cn/][http_ie.icoa.cn]

至于运行代码，如下给出：

1 private void Form1_Load(object sender, EventArgs e)
    2 {
    3     webKitBrowser1.Navigate("http://ie.icoa.cn/");
    4 }

下面是配置前和配置后的对比：

配置前：

![20181225181242272][]

配置后：

![20181225181242294][]

## 致谢 ##

感谢[s\_p][s_p]评论中指出的问题，另外如果你想制作Release版而不是Debug的，你存放的目录应该是：项目名/bin/release。

## 补充 ##

感谢园友的指出，WebKitBrowser这个项目目前已经不维护了，随着.Net版本的提升，也很有可能会出现问题，因此推荐另一个比较好用的CefSharp，具体流程和WebKitBrowser基本一致。

如果有园友想用CefSharp，欢迎查看这篇文章，讲的很详细，来自codeceo：[传送门在这里:)][Link 1]

原文地址：[https://blog.csdn.net/lisenyang/article/details/53928420][https_blog.csdn.net_lisenyang_article_details_53928420]

[https_sourceforge.net_projects_webkitdotnet_files_WebKit_20.NET_200.x_0.5_WebKit.NET-0.5-bin-cairo.zip_download]: https://sourceforge.net/projects/webkitdotnet/files/WebKit%20.NET%200.x/0.5/WebKit.NET-0.5-bin-cairo.zip/download
[2018122518124289]: /images/20220402/984d1902b3934ec5ad9db24c479fc5b0.png
[20181225181242115]: /images/20220402/5f83e2d5a39c45a3b01e7ae517689345.png
[20181225181242201]: /images/20220402/978182a9bf4a423085c6e362b59381d2.png
[20181225181242219]: /images/20220402/ae0d5ef6c3934760b62619c6781fcdb8.png
[20181225181242237]: /images/20220402/2fd685e98dc84bd2b852743c7f9941bf.png
[20181225181242254]: /images/20220402/ef3b0d1bac004715b44186dd608ca634.png
[http_ie.icoa.cn]: http://ie.icoa.cn/
[20181225181242272]: /images/20220402/9e38184dc9da433c8ca81f62b77b697c.png
[20181225181242294]: /images/20220402/f10aaf554ec04476a9dd8621a1ae8832.png
[s_p]: http://www.cnblogs.com/y112102/
[Link 1]: http://www.codeceo.com/article/cefsharp-charp-app-chrome.html
[https_blog.csdn.net_lisenyang_article_details_53928420]: https://blog.csdn.net/lisenyang/article/details/53928420