睡蓮‧池水間 :: 文章

IE+Google Chrome Frame → HTML5

類別: 網絡消息
來源: (www.infoq.com/news/2009/09/Google-Chrome-Frame)

譯者：王波

譯文出處：infoQ - www.infoq.com/cn/news/2009/09/Google-Chrome-Frame

IE中使用Google Chrome Frame運行HTML 5

谷歌剛發佈了一款名為 Google Chrome Frame 的插件，可讓 Chrome 在 IE 中執行呈現工作。這表示所有針對 Chrome Frame 的頁面即將使用谷歌的呈現引擎進行顯示，當中包括谷歌支持的一些 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 
      Google 
        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 應用程序。