開發WebApp之PC客戶端

liongis發表於2013-08-26
WebAPP客戶端

HTML5的跨平臺性還是很好的，蘋果、Android手機都可以用，所在最近使用Jquery Mobile開發了一個手機端應用程式，一次開發，多個平臺使用。

但我們的很多客戶使用的是還是IE瀏覽器，有的還是很老的版本，對HTML5支援都不好，如果想讓客戶在PC想上也能執行我們的應用程式得另想辦法。

雖然現在在PC機上，很多瀏覽器已經很好的支援HTML5，如谷歌、火狐等，但同樣會有一些問題，這些瀏覽都是非制定的，視窗隨意大小，會嚴重影響原來為手機螢幕大小而設計的頁面。而且要客戶去下載一個瀏覽器，並使用我們的應用地址，客戶有時候很難去接受。但如果是專為應用而做的一個程式，客戶還是很願意去安裝的。

有沒有辦法我們自己來制定一個這樣的客戶端呢，只需要簡單的配置，就能讓客戶在PC機上實現和手機上一樣瀏覽HTML5的效果呢？

WebApp之PC客戶端就是這樣一個程式：

程式是基於Xilium.CefGlue開發的，相關的資源請參見：

CEF

　　研究過，很不錯的類庫，但是是C和C++寫的

　　https://code.google.com/p/chromiumembedded/

　　http://www.cnblogs.com/think/archive/2011/10/06/CEF-Introduce.html（園友譚振林寫的相關文章）

Chromium Embedded Framework 中文文件（簡介）

Chromium Embedded Framework (CEF)是由 Marshall Greenblatt 在2008年創辦的開源專案，致力於基於Google Chromium專案開發一個Web控制元件。 CEF目前已支援多種程式語言和作業系統，能方便地整合到現有或者新的應用程式中，設計上，它追求高效能的同時，也追求易於使用，它的基本框架通過原生庫提供C和C++的程式設計介面，這些介面將宿主程式與Chromium與WebKit的實現細節隔離，能讓瀏覽器與應用程式無縫整合，並支援自定義外掛、協議、Javascript物件與擴充套件。宿主程式還能根據需要控制資源載入、頁面跳轉、上下文選單、列印等等。這些好處都是在支援Google Chrome同等效率與HTML5技術可用的基本上提供的。
大量的個人與組織為CEF的開發提供了時間與資源上的貢獻，但是我們需要社群更多的投入，來支援CEF核心專案與擴充套件地對其它語言與框架提供支援的專案（參見擴充套件專案一節）。如果你有興趣為CEF提供時間與金錢上的支援，請參見

 CEF Donations 頁面。

Xilium.CefGlue

　　基於CEF，用.net包裝過，很不錯，我就用的這個類庫（Xilium.CefGlue/3）

　　https://bitbucket.org/xilium/xilium.cefglue/wiki/Home

基於.net開發chrome核心瀏覽器【二】 http://www.cnblogs.com/liulun/archive/2013/04/20/3031502.html (園友寫的liulun寫的一系列文章)

 

WebApp之PC客戶端 可以通過配置檔案來制定自己的應用程式訪問,配置檔案存放在config.xml檔案中，內容如下：

<?xml version="1.0" encoding="utf-8" ?>
<Config>
  <!-- 程式標題 -->
  <AppName>Web App--PC 模擬器 V0.1</AppName>
  <!-- 應用程式訪問地址 -->
  <URL>http://view.jquerymobile.com/1.3.2/dist/demos/</URL>
  <!-- 程式寬 -->
  <Width>480</Width>
  <!-- 程式高 -->
  <Height>780</Height>
</Config>


程式基於Xilium.CefGlue開發的，實現HTML5顯示功能，所以相應的DLL也很大，整個程式有50多M，有興趣的朋友可以從下面地址下載：

http://yun.baidu.com/share/link?shareid=3482807145&uk=1780134501

 

程式只是一個初步的想法，正在進一步完善，希望對大家有所幫助，也希望大家多提意見。

 

相關文章