2009年9月22日星期二

在老 IE 中使用 Google Chrome Frame 超速新引擎瀏覽網頁(測試心得)

chromeframe-11

Google今天又為網路界推出了兩個新鮮玩意,其中一個是我之前介紹過的Google Sync開始支援Gmail的郵件推播Google Sync 與 Windows Mobile 手機間的通訊錄、行事曆、Gmail同步筆記),你可以在自己的iPhone、Windows Mobile中輕鬆啟動這個耗電的新功能^^

另外一個新東西,則是被稱為「Google「病毒」入侵IE」的「Google Chrome Frame」插件計畫。我們都知道Google Chrome有最新的網頁解析技術和非常快的Javascript引擎,會讓我們瀏覽網頁時有更舒適的體驗,而現在你不只可以在安裝Google Chrome瀏覽器後體驗極速,如果你堅持使用IE,那麼你也可以把自己的IE 6、IE 7、IE 8直接變成Google Chrome與IE雙引擎瀏覽器

在「Google Chrome Frame – 在 IE 裡面使用 Chrome」這篇文章裡面提到說,這其實就像是Firefox上知名的擴充套件IE Tab功能,只不過現在變成是在IE裡面使用的「Google Chrome Tab」,讓你可以在IE中,指定特定網頁使用Google Chrome引擎來瀏覽


  • 安裝與移除注意事項:

使用Google Chrome Frame的步驟非常簡單,任何人一定都可以馬上學會怎麼使用。不過要先說明的就是,Google Chrome Frame畢竟還只是開發階段的IE擴充套件,所以或許會有一些小問題,想要嘗試的朋友要先有心理準備。另外如果你安裝Google Chrome Frame後想要移除,可以到「控制台」的「新增移除程式」中找到「Google Chrome Frame」移除它。


  • 在IE中安裝Google Chrome Frame:

依據Google官方網站的說明,目前Google Chrome Frame支援IE 6、7、8版本瀏覽器,支援Windows XP與Vista系統。

使用你的IE來到Google Chrome Frame官方網站(我這邊使用IE 7測試),點擊右方的〔Get Google Chrome Frame〕按鈕,即可開始安裝。

chromeframe-01

點選〔Accept and install〕同意使用條款並下載安裝即可。就這麼簡單,現在你已經安裝完成Google Chrome Frame囉!

chromeframe-02chromeframe-04


  • 如何在IE中指定網頁使用Google Chrome引擎瀏覽:

你可以隨時在IE中啟動安裝的Google Chrome Frame,讓網頁使用Chrome相關引擎技術來瀏覽。啟動方法很簡單,就是來到你的網址列,在完整網址前面加上「cf:」即可。例如:

cf:http://playpcesor.blogspot.com/

chromeframe-06

這樣一來,IE就會轉而使用Google Chrome Frame來解析目前網頁了。除了感覺必較快,有些新的網頁技術可以跑出來以外,有什麼明確的方法可以確認你目前已經使用了Google Chrome Frame技術了呢?

一個比較好的辨別方法是找到網頁中的輸入框,點擊輸入框,如果輸入框的外框顏色呈現黃色反光,那麼一般來說就表示你目前正使用Google Chrome Frame在瀏覽網頁喔!

chromeframe-08


  • IE 7中執行Google Chrome Frame效果測試:

有些網頁開啟Google Chrome Frame後或許直接的改變並不明顯,那下面我就挑一些改變非常明顯的網頁來測試看看。

首先,我之前介紹的「Google Chrome 變身任天堂模擬器,上網玩紅白機經典老遊戲」,這個「JSNES」網站原本在IE中是什麼遊戲畫面都跑不出來的(如左圖),但是啟動Google Chrome Frame後,你可以在右圖中看到IE 7裡也可以跑JSNES的任天堂遊戲了。

cf:http://benfirshman.com/projects/jsnes/

chromeframe-05chromeframe-07

另外就是Acid3的網頁標準測試,原本左圖中IE 7跑出來的測試結果簡直慘不忍睹,但是啟動Google Chrome Frame後,你可以看到右圖裡顯示出來的其實就是Chrome瀏覽器的測試結果了。

cf:http://acid3.acidtests.org/

chromeframe-12chromeframe-13


  • 站長專用:讓已安裝Google Chrome Frame的IE訪客直接轉換引擎

前面講的是一個「瀏覽器的使用者」,如何利用在IE中加入Google Chrome Frame插件後於瀏覽網頁時啟動這個插件。但是這裡就出現一個麻煩的地方,因為目前Google Chrome Frame沒有很方便的啟動按鈕,變成你每次要瀏覽網頁時,就必須在網址前方加入「cf:」的指令。

而現在要介紹的是針對「站長」而來的功能,作為網站或部落格的站長,你可以修改網頁範本內容,指定當已經安裝Google Chrome Frame的IE用戶來瀏覽你的網頁時,自動讓他們的IE瀏覽器切換到Google Chrome引擎。

你只要在自己網頁版型範本的前端,加入這一段指令碼即可:

 <meta http-equiv="X-UA-Compatible" content="chrome=1">

我在電腦玩物(Blogger平台)的版型範本中,是在<head>後面加上:


 <meta http-equiv="X-UA-Compatible" content="chrome=1"/>

多在最後增加一個「/」slash標記即可。要記得,修改範本之前最好都先做好原本範本的備份工作喔!

chromeframe-09

站長自己在網站中加上這段指令,這樣一來訪客就不用自己去打上「cf:」,而是用安裝了Google Chrome Frame的IE來到網站後就會自動使用Chrome引擎。

但這也是有個缺點,因為引擎轉換了,當你在網頁中使用滑鼠右鍵選單時,你會發現原本IE的選單內容不見了,會出現Chrome的英文選單

(附註:也有相關指令可以提示還未安裝的IE用戶去下載Google Chrome Frame,這部份我沒有測試,請自行參考官方說明文件)

chromeframe-10



  • 小結:

目前我是在電腦玩物中加上了自動轉換到Google Chrome Frame引擎的標記,我自己測試是沒有什麼問題。歡迎大家來幫忙測試看看,在IE上使用Google Chrome Frame瀏覽電腦玩物是否穩定?會不會比較順?也歡迎大家留言分享你們的感受。


没有评论:

发表评论