整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
B/S架構的Web程序幾乎占據了應用軟件的絕大多數市場，但是C/S架構的WinForm、WPF客戶端程序依然具有很實用的價值，如設計類軟件 AutoCAD與Autodesk Revit、WPS、IT類的集成開發環境（數據庫、圖形處理軟件）、PC端的小工具等等，充分利用了客戶端電腦的資源綜合計算能力，處理性能更加優秀。如果想在C/S架構的客戶端程序中集成Web應用，也只能借助Web網頁，然后將網頁集成到客戶端程序中，這樣就間接的達到了目的。下面是客戶端審圖系統中集成Web網頁的實際應用案例
WinForm程序中集成網頁的基本原理就是通過一個包含類似瀏覽器功能的控件，將Web網頁載入并解析渲染出來。
介紹 WinForm、WPF 集成 Web 網頁的多種技術方案之前，先了解一下瀏覽器的內核。
瀏覽器最重要或者說核心的部分是“Rendering Engine”，可大概譯為“渲染引擎”，不過我們一般習慣將之稱為“瀏覽器內核”。負責對網頁語法的解釋（如標準通用標記語言下的一個應用HTML、JavaScript）并渲染（顯示）網頁。 所以，通常所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎，渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。不同的瀏覽器內核對網頁編寫語法的解釋也有不同，因此同一網頁在不同的內核的瀏覽器里的渲染（顯示）效果也可能不同，這也是網頁編寫者需要在不同內核的瀏覽器中測試網頁顯示效果的原因。
內核分類
內核被包含在全世界最高的使用率的操作系統中，即為Windows操作系統，所以我們又經常把它稱之為IE內核。
Trident內核的常見瀏覽器有：
其中部分瀏覽器的新版本是“雙核”甚至是“多核”，其中一個內核是Trident，然后再增加一個其他內核。國內的廠商一般把其他內核叫做“高速瀏覽模式”，而Trident則是“兼容瀏覽模式”，用戶可以來回切換。
Gecko內核常見的瀏覽器：Mozilla Firefox、Mozilla SeaMonkey、waterfox（Firefox的64位開源版）、Iceweasel、Epiphany（早期版本）、Flock（早期版本）、K-Meleon。
WebKit內核常見的瀏覽器：Chrome、傲游瀏覽器3、Apple Safari （Win/Mac/iPhone/iPad）、Symbian手機瀏覽器、Android 默認瀏覽器。
參考網站：https://liulanmi.com/labs/core.html
Blink是一個由Google和Opera Software開發的瀏覽器排版引擎，Google計劃將這個渲染引擎作為Chromium計劃的一部分，并且在2013年4月的時候公布了這一消息。這一渲染引擎是開源引擎WebKit中WebCore組件的一個分支，并且在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex瀏覽器中使用。
瀏覽器內核檢測
https://ie.icoa.cn 可檢測 PC 或手機瀏覽器內核和操作系統類型，包括Google Chrome的WebKit、IE的Trident、ME的Edge、Firefox的Gecko/Servo，以及Windows/MacOS/Linux/iOS/Android等的判斷。
控件1：WebBrowser
微軟WinForm開發框架中老牌控件。
控件2：WebView
WebView 使用原始的 Edge (Trident) 渲染引擎，是 Windows10 唯一的控件，功能、性能不理想。
控件3：Microsoft Edge WebView2【強烈推薦】
Microsoft Edge WebView2 控件允許在本機應用中嵌入 web 技術(HTML、CSS 以及 JavaScript)。 WebView2 控件使用 Microsoft Edge(Chromium) 作為繪制引擎，以在本機應用中顯示 web 內容。 使用 WebView2，可以在本機應用的不同部分嵌入 Web 代碼，或在單個 WebView 實例中生成所有本機應用。
下圖是在Winform程序中使用WebView2組件加載我的博客園頁面的效果
控件4：CefSharp
CefSharp是一種將功能齊全的符合標準的web瀏覽器嵌入C#或VB.NET應用程序的簡單方法。CefSharp擁有WinForms和WPF應用程序的瀏覽器控件，以及自動化項目的OffScreen版本。CefSharp基于Chromium Embedded Framework，這是Google Chrome的開源版本。
實際項目應用效果如下圖（縮放比例為100%）：
呈現的模型是三維BIM模型，里面用到了HTML5、CSS3、WebGL等新技術。
控件5：Miniblink
Miniblink是一個追求極致小巧的瀏覽器內核項目，全世界第三大流行的瀏覽器內核控件。其基于chromium最新版內核，去除了chromium所有多余的部件，只保留最基本的排版引擎blink。Miniblink保持了10M左右的極簡大小，是所有同類產品最小的體積，同時支持windows xp、npapi。
控件6：GeckoFX
GeckoFX是skybound工作室開發的一個開源的用于方便將gecko引擎（最主要的瀏覽器是firefox）鏈接到.net 窗體應用的一個組件。它是用C#寫成的，里面有大量的C#的注釋，geckofx是最完美的默認的iE核心webbrowse控件的替代控件。
控件7：DotNetBrowser
DotNetBrowser能嵌入一個基于Chromium的WPF或WinForms組件到你的.NET應用中，用來顯示使用HTML5、CSS3、JavaScript、Silverlight等技術構建的現代網頁。
控件8：EO.WebBrowser
控件9：Sciter.Forms
Sciter.Forms是基于Sciter桌面引擎的.NET類庫，支持.net framework4.x、.NET CORE、.NET5及更高版本，支持Windows及Linux桌面系統。
官網：https://sciter.com/
開源地址：https://gitlab.com/c-smile/sciter-js-sdk
控件10：aardio
aardio專注于桌面軟件開發，17年一直保持非常活躍地更新，aardio 被多年用于生產項目實踐，久經測試和錘煉。
aardio 小、輕、快，輕便利索，體積僅 6.5MB，學習和使用成本極低。aardio 雖然小，但提供了驚人數量的開源標準庫、擴展庫 - 這些庫基本都是由純 aardio 代碼實現，涉及到了桌面編程的方方面面。
aardio 可以嵌入非常多的瀏覽器控件，例如系統自帶的 WebBrowser、WebView 控件、 以及 WebView2、WebKit、Electron、CEF3、HTMLayout、Sciter...... 甚至可以直接調用系統安裝的 Chrome、Chromium Edge 等瀏覽器寫軟件界面。而且在網頁中調用本地接口、以及 aardio 與瀏覽器的交互極其方便，例如直接調用 Javascript 函數，并且在 Javascript 中直接回調 aardio 函數，不需要任何復雜的封裝和中間件，你甚至可以在 Javascript 中直接調用 WINAPI 函數。
#最高法原法官王林清一審獲刑14年#
期，幾家游戲引擎公司、數據公司和分發平臺都紛紛發聲，預測HTML5游戲將在今年爆發。然而就輕量的HTML5游戲來說，繼《圍住神經貓》之后，就沒有再出現有一定影響力的游戲。
1999年，他用HTML5寫了一個棋牌類游戲平臺，令他3個月內賺了300萬。之后，他又開發了國內三大休閑游戲平臺之一的可樂吧，他就是Layabox的CEO謝成鴻。Layabox是一家為Flash程序員開發HTML5提供技術解決方案的公司，簡單地說，借助Layabox的解決方案，程序員可以直接在Flash環境下開發大型的重度HTML5游戲。
2010年，趙霏開始第二次創業——磊友科技，從手游行業轉向HTML5，就是因為喬布斯的一句話：“移動時代是低功耗設備、觸摸屏界和開放網絡標準的時代，Flash已經落伍。”在蘋果、Facebook等科技巨頭們紛紛加入HTML5行業之時，趙霏和他的團隊開始著力開發HTML5的解析引擎和手機瀏覽器，同時也被李開復相中，成為創新工場孵化的第一個HTML5項目。
然而，到了2012年，HTML5從技術支持到產品都不見成效，自身的標準制定也分成了兩派，Facebook創始人馬克·扎克伯格更公開宣布放棄HTML5。這一年，趙霏和他的團隊把重心都放在了開發大型手機HTML5網頁游戲上。
2013年，磊友科技陸續推出的5款HTML5游戲都沒有獲得成功，團隊不斷有人出走，一直籠罩在“散伙”的陰影下。有的轉去做代計費的，有的轉去做iOS和Android開發，有的甚至離開了這個行業，幾近凋敝。團隊只剩下了兩三個“元老”，但是趙霏仍舊沒有放棄HTML5。
HTML5就這樣一直在冰火兩重天里游走，誰也沒有想到，就在2014年8月，一個HTML5的小游戲《圍住神經貓》在微信朋友圈一夜爆紅，而南京泥巴怪公司其實只是為了拉點用戶，花了一天功夫就將它做了出來。自此以后，HTML5的“卡片”廣告、邀請函、互動游戲在朋友圈里盛傳，不管是營銷公司、游戲公司還是風投，都跟風研究起HTML5。
風口，大型游戲借HTML5顛覆App?
近期，幾家游戲引擎公司、數據公司和分發平臺都紛紛發聲，預測HTML5游戲將在今年爆發。然而就輕量的HTML5游戲來說，繼《圍住神經貓》之后，就沒有再出現有一定影響力的游戲。而且，《圍住神經貓》一直為人詬病的就是，生命周期短，沒法將流量變現，而這兩點恰恰是游戲的命脈。
在謝成鴻看來，HTML5游戲的前景在于大型游戲。
但問題就來了，大型的HTML5游戲需要有高性能的瀏覽器適配，如若不然，卡頓、發熱就會成為硬傷，目前看來還沒有瀏覽器可以順暢地跑大型游戲。于是，就衍生出了做HTML5加速器的公司，Cocos、白鷺引擎和謝成鴻的Layabox儼然成三足鼎立之勢。
“Cocos和我們主要針對較大的游戲開發者，白鷺引擎主要面向小開發者，在HTML5游戲潛在客戶里，我們已經占有一半左右。”謝成鴻說道。據悉，國內20家主流頁游廠商中，已經有三分之一與Layabox合作。
“大型HTML5游戲在普通瀏覽器上跑不動，這是最大的問題。”他說。于是，Layabox就做出了一套針對HTML5生態鏈的整體解決方案。
目前，Layabox有三個主要業務方向，在開發者端，基于Flash的開發環境較為成熟，所以Layabox為開發者提供在Flash環境下開發大型HTML5游戲的解決方案，夸張一點的理解就是一鍵轉換;在瀏覽器適配問題上，Layabox開發了自家的加速器，可以讓微信這樣的流量平臺也可以跑得動大型頁游。
幾年前，趙霏和他的團隊也都認為，PC上既然經歷了從端游到頁游的趨勢，說明用戶有使用場景上的需求，那么在移動設備上，應該也會有從App向HTML5轉移的傾向。在解決卡頓和發熱的前提下，畢竟HTML5游戲不用下載安裝，比起App更加方便，而且營銷成本將近比App要低10倍。
難道HTML5真的能顛覆App?經過幾年的試水，趙霏開始不看好大型HTML5游戲在移動端的前景。因為他發現，用戶在手機上玩大型游戲時，還是會傾向于App。“用戶體驗的時間和場景都是不對的，舉個簡單的例子，當你想再玩一次HTML5網頁游戲時，會發現很難找到入口，但App至少在桌面上有個圖標。”他對《IT時報》記者說道。
模式，流向變現還得傍上o2o
在海底撈，最壯觀的場景就是排隊等食，雖然已經使出了免費美甲、免費擦鞋等招數，但仍舊沒有緩解食客因為排隊而流失的情況。
這倒是激發了趙霏的靈感，于是磊友科技就為海底撈設計了一個HTML5的游戲營銷方案。食客在排隊時，可以通過掃描二維碼玩一個小游戲，如果能榮登排行榜，就可以領取海底撈的代金券。
今年1月份，這個HTML5游戲上線，在北京10家海底撈分店進行試玩，結果顯示，20%～30%的食客愿意參與進來，達到了30萬人次的訪問。
從海底撈的成功案例開始，寶潔、可口可樂、旺旺等公司都踏進了趙霏的門檻，目前已有將近100家企業讓他們定制游戲。一般這些小游戲都會被植入商家的微信公眾號內，玩游戲并分享至朋友圈來贏取代金券，就是用積分抽獎等方式幫電信運營商消耗積分。
那么，怎么解決用戶留存的問題呢?“HTML5的游戲營銷最重要的是考慮使用場景，比起橫幅、彈窗等互動性不強的移動營銷模式，效果更好。”趙霏說。
一般來說，在外面消費時，HTML5就顯示出了不用下載安裝的優勢。到酒店先連Wi-Fi是一個常見的使用場景，客人可以直接掃二維碼自動關注酒店微信號，同時取得連接Wi-Fi的權限，然后就能點開公眾號里的菜單，玩游戲贏取附近餐廳的代金券。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
更多干貨關注o2o雜志網的微信公眾號：“o2ozazhi”長按可復制，也可以直接搜索“o2o雜志網”添加關注，提供最權威，最專業的o2o咨詢，匯集最全面，最詳實的大數據資料。
TML5憑借著跨平臺，實時更新，無需安裝，易于分發等眾多優點，受到越來越多編程初學者的青睞，下面小編就來給大家分享常見的HTML5框架。
1、Siimpler
Siimpler 是個簡單的 HTML 開發框架，他可以通過選擇你自己喜歡的部分，來幫助你迅速又簡單地創建 HTML5 開發結構。網絡設計者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個 Web 項目。
2、Ionic
Ionic 是個神奇的框架和強大前端開源系統，使用先進的Web技術，比如CSS、HTML 和 JS 來創建令人驚嘆的手機應用。
3、Foundation
Foundation 是世界上精妙的前端響應框架，同時，它可以兼容所有的瀏覽器和網絡設備。Foundation 擁有移動友好型的用戶接口，設置了許多關鍵特性。
4、Enyo
Enyo是一個開源的 Jaa 框架，該框架能夠讓你創建頂級的 HTML5 應用程序，該應用程序能夠運行在各種各樣的電子設備上，比如說手機、臺式機、筆記本、電視以及Web應用。
5、LimeJS
針對于所有的新的桌面瀏覽器和觸屏設備，LimeJS 對于有用戶經驗的游戲開發者而言是教好的和較強大的開發框架。
6、Bootstrap
Bootstrap能讓所有開發者都能迅速上手、所有設備都可以適配、所有項目都適用。此外，bootstrap的官網也有很多教程提供。
7、juery UI
juery UI 主要分為交互、微件和效果庫3個部分，主打代碼開源，操作繼承了juery 的簡單特性，兼容各主流桌面瀏覽器。前端HTML5是當下很多企業都會用到的軟件開發，HTML5是移動互聯網前端的主流開發語言，目前還沒有任何一種前端開發技術能夠取代HTML5。因此，無論是PC端還是APP端的應用，前端樣式都離不開HTML5。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
