1. 程式人生 > >C#Winform將WebBowser控件替換為Chrome內核

C#Winform將WebBowser控件替換為Chrome內核

cnblogs net .net 但是 技術 browser 維護 文件夾 出現

摘要

  由於最近要做一個瀏覽器式的軟件,其中有不少地方需要使用到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。

  2.下載解壓後的目錄結構如下:

  技術分享圖片

  3.將bin文件夾下的所有(沒錯!是所有文件復制),並粘貼到項目文件夾下,目標目錄是:項目名/bin/Debug/

  技術分享圖片

  4.導入Webkitbrowser的dll到你的項目中。在VS2015的操作如下(其他的類推):

   在Solution Explorer下,選中你的項目名,然後右鍵,選擇Add,然後選擇Reference,如下圖:

  技術分享圖片

  5.在彈出的對話框裏。選擇Browse -> Browse...,然後選擇你的:項目名/bin/Debug下之前粘貼的WebKitBrowser.dll導入,結果如下圖:

  技術分享圖片

編碼階段

  1.你要做的,首先選擇你之前下載的bin目錄下的WebKitBrowser.dll,然後復制,如下圖:

  技術分享圖片

  2.在C#的控件欄中,自己建一個自定義的C#控件欄,例如我的叫WebBrowser,然後在工具欄中粘貼剛才復制的dll,最後效果如下圖:

  技術分享圖片

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

  3.大功告成了,通過這個網站可以測試瀏覽器的內核,網址:http://ie.icoa.cn/

  至於運行代碼,如下給出:

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

  下面是配置前和配置後的對比:

  配置前:

  技術分享圖片

  配置後:

  技術分享圖片

致謝

  感謝s_p評論中指出的問題,另外如果你想制作Release版而不是Debug的,你存放的目錄應該是:項目名/bin/release。

補充

  感謝園友的指出,WebKitBrowser這個項目目前已經不維護了,隨著.Net版本的提升,也很有可能會出現問題,因此推薦另一個比較好用的CefSharp,具體流程和WebKitBrowser基本一致。

  如果有園友想用CefSharp,歡迎查看這篇文章,講的很詳細,來自codeceo:傳送門在這裏:)

C#Winform將WebBowser控件替換為Chrome內核