持續(xù)更新中，也歡迎大家跟貼提供相關(guān)信息

1. ? ?CEF3相關(guān)庫網(wǎng)址：主要用于桌面級應(yīng)用開發(fā)。有些詳細(xì)的列出了各個chromium相關(guān)的版本

相關(guān)網(wǎng)站： 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：回調(diào)管理類，包含5個接口用于創(chuàng)建其它的回調(diào)類的對象
CefLifeSpanHandler: 回調(diào)類，用于控制popup對話框的創(chuàng)建和關(guān)閉等操作
CefLoadHandler: 回調(diào)類，可以用來監(jiān)聽frame的加載開始，完成，錯誤等信息
CefRequestHandler: 回調(diào)類，用于監(jiān)聽資源加載，重定向等信息
CefDisplayHandler: 回調(diào)類，用于監(jiān)聽頁面加載狀態(tài)，地址變化，標(biāo)題等得信息
CefGeolocationHandler: 回調(diào)類，用于CEF3向嵌入者申請geolocation的權(quán)限
CefApp: 與進(jìn)程，命令行參數(shù)，代理，資源管理相關(guān)的回調(diào)類，用于讓CEF3的調(diào)用者們定制自己的邏輯
CefBrowser: renderer進(jìn)程中執(zhí)行瀏覽相關(guān)的類，例如前進(jìn)，后退等
CefBrowserHost: browser進(jìn)程中的執(zhí)行瀏覽相關(guān)的類，其會把請求發(fā)送給CefBrowser
CefFrame: 表示的是頁面中的一個Frame，可以加載特定url，在該運(yùn)行環(huán)境下執(zhí)行JavaScript代碼等得。
V8：CEF3提供支持V8extension的接口，但是這有兩個限制，第一，v8 extension僅在Renderer進(jìn)程使用；第二，僅在沙箱模型關(guān)閉時使用

如何開始調(diào)試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:主要是用作平臺級開發(fā)

相關(guān)網(wǎng)站：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開發(fā)引擎?

基于webtop，你可以使用html5和css3等新技術(shù)構(gòu)建桌面app，即開發(fā)直接運(yùn)行于windows上的軟件，使用透明渲染模式能將網(wǎng)頁直接渲染在桌面上，輕松實(shí)現(xiàn)透明陰影等特效。而且，提供了大量的本地api，使你的app能達(dá)到跟本地app一樣的體驗(yàn)。基于它，你可以開發(fā)諸如瀏覽器，QQ，PS，桌面widget等桌面app。這種開發(fā)軟件的方式，相比傳統(tǒng)桌面軟件開發(fā)方式的開發(fā)效率

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

相關(guān)網(wǎng)站：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.

相關(guān)網(wǎng)站：

http://www.tidesdk.org

https://github.com/tidesdk

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

據(jù)說目前已經(jīng)停止維護(hù)，轉(zhuǎn)投node-webkit了

相關(guān)網(wǎng)站：

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.

相關(guān)網(wǎng)址：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界面布局，一款開源（免費(fèi)）、基于Webkit和C++的桌面應(yīng)用軟件界面庫。業(yè)務(wù)邏輯?

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

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的產(chǎn)品：

• 各種瀏覽器

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

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

• Evernote Client (on Windows)

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

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

• GitHub Client (on Windows)

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

• QQ

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

• Adobe Edge Animate & Adobe Edge Reflow

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

  • Adobe Edge Animate，做動畫用的，可以通過編輯時間線，創(chuàng)建原件(Edge Animate里面叫做symbol)，來實(shí)現(xiàn)復(fù)雜的動畫。

  • Edge Reflow則是Design the responsive web. 有人翻譯為響應(yīng)式，其實(shí)就是自適應(yīng)了。

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

• Q+

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

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

  Q+項(xiàng)目可以說對CEF進(jìn)行了比較多的嘗試，比如：

  • 開發(fā)的音樂Widget，就使用了HTML5的audio標(biāo)簽；

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

  • 打包的Webkit調(diào)試工具（Dev Tools）。

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

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

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

關(guān)于CEF的評價：

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

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

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

最近接觸到了不少免費(fèi)的優(yōu)秀directui庫，如duilib,REDUI,UiFeature,sharpui,?libuidk,?uipower等。給軟件界面開發(fā)來了質(zhì)的飛躍，好東西當(dāng)然要分享出來。

首先，duilib已經(jīng)家喻戶曉了，官網(wǎng)、google托管地址也是滿天飛，不說了。

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

REDUI,作者很低調(diào)，為了不讓其他人拿去改成商業(yè)版買錢盈利，值開了QQ群。群號聯(lián)系作者后公開。

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

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

---

UiFeature 是一款免費(fèi)的開源自繪UI構(gòu)建平臺，歡迎大家使用。
騰訊微博：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其實(shí)分為很多種：
1.?傳統(tǒng)UI、以及在此基礎(chǔ)上延伸出來的標(biāo)準(zhǔn)庫，例如BCG。
2.?Direct?UI?上面列出的已經(jīng)很多了
3.?Web?UI?而這個里面又分為很多種,有HTMLayout這樣使用了HTML，CSS的語法但本質(zhì)還是Direct?UI的引擎，也有使用IE內(nèi)核等傳統(tǒng)瀏覽器引擎的方法，如果使用CEF,或者IE10內(nèi)核還可以支持HTML5。??

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

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

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

我的觀點(diǎn)是,html5這種技術(shù)歷史包袱太重，導(dǎo)致解析器難以小型化和高性能化;另外html本身的設(shè)計(jì)目標(biāo)是為內(nèi)容展現(xiàn)進(jìn)行優(yōu)化的排版，用來做UI有一點(diǎn)“用老虎鉗子敲釘子”的感覺：能敲，但不太順手。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。