持續更新中，也歡迎大家跟貼提供相關信息

1. ? ?CEF3相關庫網址：主要用于桌面級應用開發。有些詳細的列出了各個chromium相關的版本

相關網站： http://www.magpcss.net/cef_downloads/index.php
https://code.google.com/p/chromiumembedded/
http://cefbuilds.com/

http://iwebing.lofter.com/post/3736f_41187c

下面簡單介紹一下CEF3的接口。
CefClient：回調管理類，包含5個接口用于創建其它的回調類的對象
CefLifeSpanHandler: 回調類，用于控制popup對話框的創建和關閉等操作
CefLoadHandler: 回調類，可以用來監聽frame的加載開始，完成，錯誤等信息
CefRequestHandler: 回調類，用于監聽資源加載，重定向等信息
CefDisplayHandler: 回調類，用于監聽頁面加載狀態，地址變化，標題等得信息
CefGeolocationHandler: 回調類，用于CEF3向嵌入者申請geolocation的權限
CefApp: 與進程，命令行參數，代理，資源管理相關的回調類，用于讓CEF3的調用者們定制自己的邏輯
CefBrowser: renderer進程中執行瀏覽相關的類，例如前進，后退等
CefBrowserHost: browser進程中的執行瀏覽相關的類，其會把請求發送給CefBrowser
CefFrame: 表示的是頁面中的一個Frame，可以加載特定url，在該運行環境下執行JavaScript代碼等得。
V8：CEF3提供支持V8extension的接口，但是這有兩個限制，第一，v8 extension僅在Renderer進程使用；第二，僅在沙箱模型關閉時使用

如何開始調試WEB Inspector:?

http://smus.com/extending-chrome-developer-tools/

https://developers.google.com/chrome-developer-tools/docs/contributing?csw=1

https://groups.google.com/a/chromium.org/forum/#!forum/devtools-reviews：google group

如何模擬選擇一個DOM element

http://rockingcode.com/tutorial/element-dom-tree-jquery-plugin-firebug-like-functionality/

2. ? ?Node-webkit:主要是用作平臺級開發

相關網站：http://www.oschina.net/p/node_webkit

介紹如何使用：http://pan.baidu.com/share/link?shareid=3743096074&uk=2754670725&qq-pf-to=pcqq.group

3. ? Webtop: html5桌面app開發引擎?

基于webtop，你可以使用html5和css3等新技術構建桌面app，即開發直接運行于windows上的軟件，使用透明渲染模式能將網頁直接渲染在桌面上，輕松實現透明陰影等特效。而且，提供了大量的本地api，使你的app能達到跟本地app一樣的體驗?；谒?#xff0c;你可以開發諸如瀏覽器，QQ，PS，桌面widget等桌面app。這種開發軟件的方式，相比傳統桌面軟件開發方式的開發效率

• 官網：http://webtop.alloyteam.com
• 下載地址：http://download.alloyteam.com/webtop.zip
• 官方群：257960168

相關網站：http://tencentopen.github.io/proj/AlloyDesktop/index.html

4. ? ?Tidesdk：Deploy your Webkit-based desktop applications across all three major desktop operating systems with privileged access to native APIs.

相關網站：

http://www.tidesdk.org

https://github.com/tidesdk

5. APPJS:把Chromium和Node.js結合在一起，使用了Node.js的本地化能力來進行本地邏輯處理，同時使用Chromium的圖形化能力來展現圖形化界面，把這兩者串起來的就是js了。Node果然無比強大。

據說目前已經停止維護，轉投node-webkit了

相關網站：

http://www.zhujianfeng.info/?p=67

http://appjs.com/

https://github.com/appjs/appjs

6. Sencha Touch ：The leading HTML5 mobile app framework with over 50 built-in components, themes for every mobile platform, and a built-in MVC system.

相關網址：http://www.sencha.com/

7. 解壓.pak文件的工具，請參考https://github.com/DennisKehrig/patch_devtools

8.?LomoX:http://www.lomox.org/?桌面UI框架

代碼地址：

http://t.svnchina.com/svn/lomox/
http://lomox-framwork.googlecode.com/svn/

?qt5.1 ?vs2008 vs2010 vs2012 的版本：https://github.com/colin3dmax/lomox

是一個以Web界面布局，一款開源（免費）、基于Webkit和C++的桌面應用軟件界面庫。業務邏輯?

使用C、C++開發，幫助app開發者?？缙脚_運行，完美兼容Windows、Linux、MAC、iOS、Android。本框架基于qtwebkit，用于跨平臺桌面web ui，輕松在web實現桌面程序。

9.?eawebkit

10.?phantomJS

11. ?Pokki:https://developers.pokki.com/docs/

12.?Crosswalk

13. Hex: A Solution to Building Desktop Application Using HTML5 and Node.js
https://github.com/netease-youdao/hex

14.?enyojs:http://enyojs.com/

使用了CEF的產品：

• 各種瀏覽器

  早期的雙核瀏覽器(IE + Webkit)，有些使用了CEF來作為Webkit內核瀏覽器控件。

  不過對于瀏覽器來說，直接在Chrome上面擴展，其實才是王道，大家現在都這么做了（各種極速瀏覽器）。

• Evernote Client (on Windows)

  Evernote允許用戶將網頁粘貼到筆記中，還提供了插件用來將網頁保存為筆記。

  那肯定是需要在Client上面可以正確的渲染頁面咯，這個任務就交給了CEF。

• GitHub Client (on Windows)

  GitHub也打包了libcef.dll，從表現上面看，用來展示項目的ReadMe頁面的，肯定是CEF，其他地方的UI，可能部分也是用頁面來實現的。

• QQ

  QQ很早之前就通過內嵌IE來實現一些功能和界面。從去年開始，QQ引入了CEF，對一些之前用IE的地方進行了替換，這樣就可以使用一些基于Webkit的新特性，同時也獲得了速度、穩定性、兼容性方面的優勢。

• Adobe Edge Animate & Adobe Edge Reflow

  Adobe推出了一整套制作現代網頁(或者說HTML5?)的工具，取名Edge。

  • Adobe Edge Animate，做動畫用的，可以通過編輯時間線，創建原件(Edge Animate里面叫做symbol)，來實現復雜的動畫。

  • Edge Reflow則是Design the responsive web. 有人翻譯為響應式，其實就是自適應了。

  上面兩款軟件，其基本面向的是Webkit內核的瀏覽器，那么內嵌一個Webkit內核，來提供所見即所得的預覽、編輯界面就是必須的了。他們都使用了CEF。（后面會介紹CEF和純Webkit的差別）

• Q+

  Q+在Web App的概念下，為Web頁面提供了一個運行環境(簡單來說就是：Client的一個框和一些可用的API)，支持IE和Webkit內核。

  對Web開發同學來說，我們引入的Webkit內核（實際上是CEF），無需考慮IE的版本兼容問題，既提高了開發效率，又可以利用一些新的HTML5特性。當時Q+的應用市場、消息中心、壁紙、音樂Widget等應用都是基于Webkit內核開發的。

  Q+項目可以說對CEF進行了比較多的嘗試，比如：

  • 開發的音樂Widget，就使用了HTML5的audio標簽；

  • 一些應用使用了HTML5的離線功能（就是配個manifest文件那個），當然其中也遇到些曲折，收獲了不少經驗。

  • 打包的Webkit調試工具（Dev Tools）。

  • 自定義協議：比如對qplus://協議的訪問，可以重定向到某個特殊文件夾之類的功能。

  • Off Screen Rendering（OSR，離屏渲染）：通過離屏渲染 + Windows的Layered Window，就制作了不規則的網頁窗口（網頁不透明區域是什么形狀，窗口就是什么形狀）

• 有道云筆記
• 豌豆莢：原來使用的是webkit，后來改為cef,具體看這個文章：http://www.wandoujia.com/blog/changelog-2-55

關于CEF的評價：

http://it.zhans.org/06/790.htm

http://yogurtcat.com/posts/cef/hello-cef.html

【VC】各種免費、開源的directui庫，duilib,REDUI,UiFeature,sharpui等

最近接觸到了不少免費的優秀directui庫，如duilib,REDUI,UiFeature,sharpui,?libuidk,?uipower等。給軟件界面開發來了質的飛躍，好東西當然要分享出來。

首先，duilib已經家喻戶曉了，官網、google托管地址也是滿天飛，不說了。

然后其他的是正在完善即將開源和一邊完善一邊整理文檔的庫，都很不錯。

REDUI,作者很低調，為了不讓其他人拿去改成商業版買錢盈利，值開了QQ群。群號聯系作者后公開。

UiFeature,界面非常炫，直接把src和demo一起打包后放到了網上，目前也沒建立官網，只開了貼吧、微博等交流方式。

sharpui，作者也是在完善中，用業余時間做非業余的努力，很給力，即將托管開源。

---

UiFeature 是一款免費的開源自繪UI構建平臺，歡迎大家使用。
騰訊微博：http://t.qq.com/uifeature
新浪微博：http://weibo.com/uifeature
百度貼吧：http://tieba.baidu.com/f?kw=UiFeature#
郵箱：UiFeature@126.com
QQ群：173673104（主群）
QQ群：221304086（副群，請先加入主群）

libuidk:http://www.iuishop.com/

Intel? XDK：http://software.intel.com/en-us/html5/tools

從某處摘到的一段話，感覺很不錯。

UI其實分為很多種：
1.?傳統UI、以及在此基礎上延伸出來的標準庫，例如BCG。
2.?Direct?UI?上面列出的已經很多了
3.?Web?UI?而這個里面又分為很多種,有HTMLayout這樣使用了HTML，CSS的語法但本質還是Direct?UI的引擎，也有使用IE內核等傳統瀏覽器引擎的方法，如果使用CEF,或者IE10內核還可以支持HTML5。??

這幾種界面庫沒有相互替代的關系，而是根據不同的界面需求，知道他們的優點、缺點選擇不同的技術。
例如你做類似office的界面，那可能BCG非常適合.?而做QQ這樣的界面可能就是?Direct?UI?更合適。

至于你說的只是一個工具欄帶上combbox，那我告訴你，小小的HTMLayout可比BCG做出的的效果漂亮太多，而且比BCG的用法要簡單太多，即使是ribbon界面用HTMLayout也可以輕松搞出來，HTML排版的強悍是傳統UI難以望其項背的。

至于說HTML,CSS容不容易，能學會其他編程語言，這種東西頂多就是一周可以玩的爛熟的東西。
而且未來是web的世界，學這些技術肯定是很好的投資。

我的觀點是,html5這種技術歷史包袱太重，導致解析器難以小型化和高性能化;另外html本身的設計目標是為內容展現進行優化的排版，用來做UI有一點“用老虎鉗子敲釘子”的感覺：能敲，但不太順手。

我負責的產品中前任用到的第三方的東西都被我干掉了，沒有源碼的東西，功能強大但用到比較少功能的（比如boost）,一個長期的需要不斷開發維護的產品還是不要用到任何第三方的東西，這個對產品進程控制不利。
vc寫界面確實麻煩，但是還是不得不寫，相信對于某些特定領域的產品來說，也無需用到所有界面控件的所有功能，所以還是用專門的有針對性的自己公司開發的控件比較好。當然對于外包公司，一些小公司，可能關注點不一樣，要的是快速開發，不用關心幾年后的問題，那用成熟第三方的產品比較好。

總結

以上是生活随笔為你收集整理的Chromium相关产品的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。