支持HTML 5的Chrome Frame:為Google Wave作準備
眾所周知Google可以說是HTML 5***有力的支持者,而身為Google主打瀏覽器的Chrome自然是事事身先士卒。這不,Google剛發布了一款名為Google Chrome Frame的插件,可讓Chrome在IE中執行呈現工作。這表示所有針對Chrome Frame的頁面即將使用谷歌的呈現引擎進行顯示,當中包括Google支持的一些HTML 5元素,而該頁面依然可以使用微軟IE來瀏覽。
Google Chrome Frame是一項給Wave做準備的開源項目。Wave即將使用HTML 5特性,若IE不支持HTML 5的話則不會大量的采用。谷歌這項工作就是曾針對IE開發一個插件,完全繞過IE的呈現引擎。不僅IE中的頁面加載更加快速,而且谷歌支持的HTML 5元素在IE中也運行良好。
谷歌Wave項目經理Lars Rasmussen提到創建Chrome Frame的初衷:
谷歌Wave依賴強大的JS和DOM呈現性能在瀏覽器中提供桌面風格的用戶體驗。HTML 5的離線存儲和Web Workers可讓我們添加強大的功能而無需犧牲性能。不幸的是,有著眾多Web用戶的IE瀏覽器并沒有跟進這些***的Web技術。相對于其它瀏覽器,JavaScript性能落后許多倍,而且對于HTML 5的支持也遠遠不足。類似的是,IE的各個版本仍在使用,每個版本都有自己不同的CSS集和布局限制,這使得富Web應用程序的開發更加復雜。
在以往,谷歌Wave項目小組花了大量時間來改進IE中Google Wave的運行性能。我們要在這方面不斷前進,但Google Chrome Frame的使用讓我們把原來在引擎上花費的時間投入到給所有客戶提供更多功能之上,而不會失去IE的用戶。
要開始測試它,先要安裝這個IE插件。然后,所有的頁面都可以在IE中加載,如果URL前綴是“cf:”則由Chrome引擎進行呈現。例如,以下頁面包含HTML 5視頻:cf:http://camendesign.com/code/video_for_everybody/test.html。
使用“cf:”前綴是應用該項功能的最快捷方式,但實際使用的方法則是在HTML頁面中定義meta標簽:
- < meta http-equiv="X-UA-Compatible" content="chrome=1">
帶Chrome Frame插件的IE遇到這個標簽時,它就會開始使用Chrome引擎。谷歌準備了一份腳本來進行測試,需要先安裝Chrome Frame:
- < script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"> < /script>
- < div id="placeholder">< /div>
- < script>
- CFInstall.check({
- node: "placeholder",
- destination: "http://www.waikiki.com"
- });
- < /script>
還可以設置注冊表項來強制IE總是使用Chrome Frame:
- HKCU
- Software
- ChromeFrame
- OptInUrls
- *google.com* [字符串值的名稱是要匹配的模式,不使用賦值]
- *yahoo.com/mail* [使用簡單模式,而非正則表達式匹配]
- * ['*'表示加載所有元素]
Chrome Frame中還有Chrome調試工具和日志工具。Chrome Frame僅適用于Windows XP和Vista的IE 6、7和8版本。不針對其它瀏覽器或版本。該插件還處在預發布階段,仍未公布Beta版,且只針對開發人員。
該項目的意圖不是讓所有的主流瀏覽器都運行HTML 5應用程序。雖然用戶現在可以在IE中使用這個插件來運行HTML 5應用程序,但谷歌的做法勢必會促使微軟加快采納HTML 5并完善IE。毋庸置疑,當前使用IE的用戶通個這個插件馬上就會受益于Webkit帶來的速度提升和享受到類似Wave那樣的HTML 5應用程序。
【編輯推薦】