Chromium相关产品
持續(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.phphttps://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)頁直接渲染在桌面上，輕松實現(xiàn)透明陰影等特效。而且，提供了大量的本地api，使你的app能達(dá)到跟本地app一樣的體驗?；谒?#xff0c;你可以開發(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實現(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ò)展，其實才是王道，大家現(xiàn)在都這么做了（各種極速瀏覽器）。
-
Evernote Client (on Windows)
Evernote允許用戶將網(wǎng)頁粘貼到筆記中，還提供了插件用來將網(wǎng)頁保存為筆記。
那肯定是需要在Client上面可以正確的渲染頁面咯，這個任務(wù)就交給了CEF。
-
GitHub Client (on Windows)
GitHub也打包了libcef.dll，從表現(xiàn)上面看，用來展示項目的ReadMe頁面的，肯定是CEF，其他地方的UI，可能部分也是用頁面來實現(xiàn)的。
-
QQ
QQ很早之前就通過內(nèi)嵌IE來實現(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)，來實現(xiàn)復(fù)雜的動畫。
-
Edge Reflow則是Design the responsive web. 有人翻譯為響應(yīng)式，其實就是自適應(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)核（實際上是CEF），無需考慮IE的版本兼容問題，既提高了開發(fā)效率，又可以利用一些新的HTML5特性。當(dāng)時Q+的應(yīng)用市場、消息中心、壁紙、音樂Widget等應(yīng)用都是基于Webkit內(nèi)核開發(fā)的。
Q+項目可以說對CEF進(jìn)行了比較多的嘗試，比如：
-
開發(fā)的音樂Widget，就使用了HTML5的audio標(biāo)簽；
-
一些應(yīng)用使用了HTML5的離線功能（就是配個manifest文件那個），當(dāng)然其中也遇到些曲折，收獲了不少經(jīng)驗。
-
打包的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其實分為很多種：
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)點、缺點選擇不同的技術(shù)。
例如你做類似office的界面，那可能BCG非常適合.?而做QQ這樣的界面可能就是?Direct?UI?更合適。
至于你說的只是一個工具欄帶上combbox，那我告訴你，小小的HTMLayout可比BCG做出的的效果漂亮太多，而且比BCG的用法要簡單太多，即使是ribbon界面用HTMLayout也可以輕松搞出來，HTML排版的強(qiáng)悍是傳統(tǒng)UI難以望其項背的。
至于說HTML,CSS容不容易，能學(xué)會其他編程語言，這種東西頂多就是一周可以玩的爛熟的東西。
而且未來是web的世界，學(xué)這些技術(shù)肯定是很好的投資。
我的觀點是,html5這種技術(shù)歷史包袱太重，導(dǎo)致解析器難以小型化和高性能化;另外html本身的設(shè)計目標(biāo)是為內(nèi)容展現(xiàn)進(jìn)行優(yōu)化的排版，用來做UI有一點“用老虎鉗子敲釘子”的感覺：能敲，但不太順手。
我負(fù)責(zé)的產(chǎn)品中前任用到的第三方的東西都被我干掉了，沒有源碼的東西，功能強(qiáng)大但用到比較少功能的（比如boost）,一個長期的需要不斷開發(fā)維護(hù)的產(chǎn)品還是不要用到任何第三方的東西，這個對產(chǎn)品進(jìn)程控制不利。
vc寫界面確實麻煩，但是還是不得不寫，相信對于某些特定領(lǐng)域的產(chǎn)品來說，也無需用到所有界面控件的所有功能，所以還是用專門的有針對性的自己公司開發(fā)的控件比較好。當(dāng)然對于外包公司，一些小公司，可能關(guān)注點不一樣，要的是快速開發(fā)，不用關(guān)心幾年后的問題，那用成熟第三方的產(chǎn)品比較好。
總結(jié)
以上是生活随笔為你收集整理的Chromium相关产品的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《拳皇15》格斗游戏
- 下一篇： 百度Echart 地图