利用H5和ChromiumWebBrowser構建應用

weixin_33896726發表於2016-09-29

     chromium是google chrome瀏覽器所採用的核心,最開始由蘋果的webkit發展而出,由於webkit在發展上存在分歧,而google希望在開發上有更大的自由度,2013年google決定自己開發webcore的分支,叫做Blink引擎,而後google以BSD伯克利許可開源,BSD許可限制較為寬鬆,很多瀏覽器都是基於chromium開發的,比如,此後省略100字。google在原有基礎上做了進一步的精簡優化,並開發出v8 javascript引擎,2010年google收購了webrtc技術隨後開放了原始碼,webrtc採用vp編碼,相容html5標準,同年google推出了chrome os雲作業系統,瀏覽器的衍生產品。Chromium Embedded Framework,簡稱cef,你可以在cefbuilds上看到當前chromium最新放出的版本,裡面包括瀏覽器的核心庫和底層api,支援c和c++的程式語言,另外也有第三方的包括.net/mono、java、python、delphi等開源專案。

  下面介紹一下用ChromiumWebBrowser載入本地網頁來實現應用程式。

      建立桌面應用程式,然後在窗體載入的時候載入本地Html頁面:

     Environment.CurrentDirectory 獲取當前exe所在的目錄。將H5存在本地,可以提高載入速度,減少網路流量。

    default.html中定義了一個div,其id 為workflowchart,然後建立一個SaveChart()函式,可以獲取圖形例項,並儲存圖形資料:

     

     轉換成文字後,可以儲存到資料庫,下次進行載入:

  

     窗體皮膚進行定製,執行後可以見到如下介面:

 

相關文章