開發WebApp之PC客戶端

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

但咱們的不少客戶使用的是仍是IE瀏覽器,有的仍是很老的版本,對HTML5支持都很差,若是想讓客戶在PC想上也能運行咱們的應用程序得另想辦法。css

雖然如今在PC機上,不少瀏覽器已經很好的支持HTML5,如谷歌、火狐等,但一樣會有一些問題,這些瀏覽都是非制定的,窗口隨意大小,會嚴重影響原來爲手機屏幕大小而設計的頁面。並且要客戶去下載一個瀏覽器,並使用咱們的應用地址,客戶有時候很難去接受。但若是是專爲應用而作的一個程序,客戶仍是很願意去安裝的。html

有沒有辦法咱們本身來制定一個這樣的客戶端呢,只須要簡單的配置,就能讓客戶在PC機上實現和手機上同樣瀏覽HTML5的效果呢?jquery

WebApp之PC客戶端就是這樣一個程序:chrome

程序是基於Xilium.CefGlue開發的,相關的資源請參見:編程

CEF瀏覽器

  研究過,很不錯的類庫,可是是C和C++寫的框架

  https://code.google.com/p/chromiumembedded/編程語言

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

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

 

程序只是一個初步的想法,正在進一步完善,但願對你們有所幫助,也但願你們多提意見。

相關文章
相關標籤/搜索