[點(diǎn)晴永久免費(fèi)OA]C#開發(fā)谷歌Chrome內(nèi)核瀏覽器(WebKit.net)
WebKit.net是對(duì)WebKit的.Net封裝,使用它.net程序可以非常方便的集成和使用webkit作為加載網(wǎng)頁(yè)的容器。這里介紹一下怎么用它來(lái)顯示一個(gè)網(wǎng)頁(yè)這樣的一個(gè)最簡(jiǎn)單的功能。 第一步:下載WebKit.net 的bin文件。 附件:C#開發(fā)Chrome內(nèi)核瀏覽器(WebKit.net_V0.5).rar 第二步:新建一個(gè)WindowsForms工程。 然后把下載好的webkit.net bin目錄下的所有文件復(fù)制到新建工程的bin/Debug/目錄下。 添加引用,通過(guò)瀏覽添加對(duì)“WebKitBrowser.dll”的引用。 第三步:來(lái)寫寫代碼了。雙擊Form1的窗體進(jìn)入代碼,寫下這幾行代碼: private void Form1_Load(object sender, EventArgs e) { WebKit.WebKitBrowser browser = new WebKitBrowser(); browser.Dock = DockStyle.Fill; this.Controls.Add(browser); browser.Navigate("http://www.lixin.me"); } 與IE內(nèi)核的WebBrowser對(duì)比:非常簡(jiǎn)單的三步就完成了。可是話說(shuō)回來(lái)了,時(shí)下都流行一步到位的,例如使用System.Windows.Forms.WebBrowser 。 使用.Net框架自帶的,調(diào)用IE內(nèi)核的WebBrowser來(lái)顯示網(wǎng)頁(yè)也許更簡(jiǎn)單些,只需要在新建的工程中寫下這么幾行代碼便可: private void Form1_Load(object sender, EventArgs e) { WebBrowser browser = new WebBrowser(); browser.Dock = DockStyle.Fill; this.Controls.Add(browser); browser.Navigate("http://www.lixin.me"); } 既然都差不多,那為什么還不厭其煩的去下載幾個(gè)M的dll來(lái)顯示網(wǎng)頁(yè)呢?這是因?yàn)槿绻褂肐E內(nèi)核的WebBrowser我們無(wú)法預(yù)知對(duì)網(wǎng)頁(yè)的顯示效果,例如你的電腦是xp,可能會(huì)調(diào)用ie6作為加載器,如果是win7,可能會(huì)調(diào)用ie8作為加載器,而他們的顯示效果是不完全一樣的。下面用一個(gè)例子來(lái)看看。 http://css3.zxq.net/doraemon/doraemon_css3.html 這個(gè)頁(yè)面是用來(lái)測(cè)試瀏覽器對(duì)css3的支持程度的?,F(xiàn)在我們分別用2個(gè)方法來(lái)顯示這個(gè)頁(yè)面。 private void Form1_Load(object sender, EventArgs e) { WebBrowser browser = new WebBrowser(); browser.Dock = DockStyle.Fill; browser.Navigate("http://css3.zxq.net/doraemon/doraemon_css3.html"); splitContainer1.Panel1.Controls.Add(browser); WebKit.WebKitBrowser kitBrowser = new WebKitBrowser(); kitBrowser.Dock = DockStyle.Fill; kitBrowser.Navigate("http://css3.zxq.net/doraemon/doraemon_css3.html"); splitContainer1.Panel2.Controls.Add(kitBrowser); } 效果圖如下: 本機(jī)的系統(tǒng)是win7+IE9,但是通過(guò)WebBrowser調(diào)用,估計(jì)仍然使用的是IE8內(nèi)核,所以顯示效果很差。 通過(guò)這樣左右對(duì)比,可以看出多了一步麻煩,是有必要的。 /***********************************************************************/ 問(wèn):下載了一個(gè)第三方的內(nèi)核瀏覽器插件webkit.net(版本是2011),調(diào)用網(wǎng)頁(yè)中的js函數(shù)報(bào)錯(cuò):對(duì) COM 組件的調(diào)用返回了錯(cuò)誤 HRESULT E_FAIL,不知道是因?yàn)槿鄙傥募€是其他原因?webkit插件怎么調(diào)用網(wǎng)頁(yè)上的js函數(shù)呢? 答:花費(fèi)了一些時(shí)間算是解決了總結(jié)一下結(jié)論,方便他人。 當(dāng)需要在客戶端顯示網(wǎng)頁(yè)時(shí)就要考慮用到瀏覽器插件,一個(gè)是MS的webbrowser,另一個(gè)好用的是webkit內(nèi)核的第三方插件(webkit.net,google的open-webkit-sharp,做手機(jī)用的qtwebkit,F(xiàn)irefox的Geoko引擎的Windows Forms包裝),webbrowser基本上可以滿足需要,但是有一些問(wèn)題不好解決,比如:IE6、7、8差異性大,用戶不同的機(jī)器安裝的IE內(nèi)核不同,網(wǎng)頁(yè)的兼容性,js腳本,不支持html5元素的網(wǎng)頁(yè)等;令人開心的是老外分享有開源的第三方瀏覽器插件(下載地址:http://sourceforge.net/projects/webkitdotnet/ 一直沒(méi)有更新最新版本2011),webkit.net可以很好的解決了上面的問(wèn)題,使用跟webbrowser一樣方便,提供的類方法也是很類似,減少學(xué)習(xí)成本可以很快的上手;其他的幾個(gè)插件也是可以的,open-webkit-sharp目前更新版本3.0,完善和更新了bug,不過(guò)復(fù)雜的配置安裝過(guò)程,全英文的文檔,網(wǎng)上也有很多這方便的資料,有時(shí)間的或者有必要可以選擇這個(gè)。 webkit.net調(diào)用js函數(shù): //webKitBrowser1.DocumentText =
// "<script type="text/javascript">" + 兩句代碼,js函數(shù)定義到需要調(diào)用的網(wǎng)頁(yè)里面,或者直接嵌入一段js也可以,比如上面注釋的部分。
/**********************************************************************************/ c#winform中使用WebKit傳遞js對(duì)象實(shí)現(xiàn)與網(wǎng)頁(yè)交互 有個(gè)項(xiàng)目要使用WebBroswer控件,并且要能傳遞一個(gè)js對(duì)象供前臺(tái)調(diào)用,用c#的WebBroswer控件很容易實(shí)現(xiàn):
要傳遞的js對(duì)象必須使用[ComVisibleAttribute]標(biāo)記為COM 可見:
這樣前臺(tái)就能使用window.external調(diào)用myClass的方法: window.external.Test(); 如果就這樣那就簡(jiǎn)單了 ,可偏偏項(xiàng)目使用的網(wǎng)站對(duì)IE的兼容性極差(吐槽下:個(gè)人覺得是IE太爛了,對(duì)標(biāo)準(zhǔn)的支持太差),無(wú)奈之下想找尋其他類似的WebBrowser控件,發(fā)現(xiàn)幾個(gè)不錯(cuò)的替換控件:
下面的使用就非常簡(jiǎn)單了,下載open-webkit-sharp后,把Core文件夾和References文件夾下所有文件拷貝到你的工程目錄下,然后打開你的項(xiàng)目,添加引用OpenWebKitSharp.dll和WebKit.Interop.dll(如果你的項(xiàng)目運(yùn)行在.NET Framework 2.0 或 3.5 引用 Binary_NET2文件夾下的這兩個(gè)文件,NET4.0的話就引用Binary文件夾下的這兩個(gè)dll);然后就是工具箱->選擇項(xiàng)->選擇OpenWebKitSharp.dll,然后從工具箱中把WebKitBrowser拖到你的窗體上.現(xiàn)在已經(jīng)成功了一大步了,但是為了避免使用時(shí)遇到各種錯(cuò)誤,我們需要先安裝兩個(gè)支持文件:
Ready!開始傳遞對(duì)象:
前臺(tái)調(diào)用方式類似IE的webbroswer,也使用window.external調(diào)用,你也可以自己定義一個(gè)對(duì)象:
這樣調(diào)用的時(shí)候就能用你自己定義的對(duì)象名訪問(wèn)了。 應(yīng)該也有直接自己定義對(duì)象的方法,但是open-webkit-sharp中文的資料實(shí)在的不多,耐著性子看了幾天老外的論壇,一水的全是吐槽,實(shí)際解決問(wèn)題的不多。等有更好的方法,也請(qǐng)大家不吝賜教。 該文章在 2022/12/16 17:04:58 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |