大宅配~ 生活美學

WEB 2010﹕瀏覽器

楊惟雯 

一、瀏覽器(browser)的定義 

瀏覽器是一個顯示網頁伺服器或檔案系統內的文件，並讓用戶與這些文件互動的一種軟件。瀏覽器是最經常使用到的用戶端程式。 

二、瀏覽器的功能 

用戶使用瀏覽器，可以超鏈結互聯網上的其他網址（網站和網頁），瀏覽其網頁伺服器或檔案系統的HTML檔內容，迅速及輕易地查看各種資訊，並與這些檔互動。 

網頁瀏覽器主要是通過HTTP協議與網頁伺服器互動並獲取網頁，這些網頁由URL指定，文檔格式通常為HTML，並由MIME在HTTP協議中指明。

HTTP內容類型和 URL協定規範允許網頁設計者在網頁中嵌入圖像、動畫、視頻、聲音、流媒體等，例如JPEG、PNG、GIF等圖像格式，並且能夠擴展支援眾多的插件（plug- ins）。

另外，許多瀏覽器還支持其他的URL類型及其相應的協定，如FTP、Gopher、HTTPS（HTTP協議的加密版本）。

三、瀏覽器的種類

目前著名的瀏覽器有微軟的IE、Mozilla的Firefox、Apple的Safari、Opera、HotBrowser、Google的Chrome和NETSCAPE的NAVIGATOR，可用來顯示在全球網(WWW)或局部區域網路等內的文字(HTML 文檔)、影像(圖片)及其他資訊。

四、大類瀏覽器引擎介紹

1、Trident

Trident （又稱為MSHTML），是微軟的視窗作業系統（Windows）搭載的網頁瀏覽器—Internet Explorer的排版引擎的名稱，它不斷的加入新的技術並隨著新版本的Internet Explorer釋出。

在未來最新的Internet Explorer第七版中，微軟將對Trident排版引擎做了的重大的變動，除了加入新的技術之外，並增加對網頁標準的支援。儘管這些變動已經在相當大的程度上落後了其他的排版引擎，如Gecko、WebCore、KHTML及Presto。

代表：

Internet Explorer系列 

傲遊瀏覽器 maxthon     [url]www.maxthon.cn[/url]    

騰訊TT瀏覽器    im.qq.com/tt   

2、Gecko

壁虎，英文為"Gecko"。Gecko是由Mozilla基金會開發的佈局引擎的名字。它原本叫作NGLayout。Gecko的作用是讀取諸如 HTML、CSS、XUL和JavaScript等的網頁內容，並呈現到用戶螢幕或列印出來。Gecko已經被許多應用程式所使用，包括若干瀏覽器，例如 Firefox、Mozilla Suite、Camino等等。

代表   

火狐瀏覽器 Firefox     [url]www.mozillaonline.com[/url]

3、Presto

Presto是一個由Opera Software開發的瀏覽器排版引擎，供Opera 7.0及以上使用。Presto取代了舊版Opera 4至6版本使用的Elektra排版引擎，包括加入動態功能，例如網頁或其部分可隨著DOM及Script語法的事件而重新排版。

Presto在推出後不斷有更新版本推出，使不少錯誤得以修正，以及閱讀Javascript效能得以最佳化，並成為速度最快的引擎。

代表

opera    [url]www.opera-china.com[/url]

4、KHTML

是HTML網頁排版引擎之一，由KDE所開發。KDE系統自KDE2版起，在檔案及網頁瀏覽器使用了KHTML引擎。該引擎以C++編程語言所寫，並以 LGPL授權，支援大多數網頁瀏覽標準。

由於微軟的Internet Explorer的佔有率相當高，不少以FrontPage製作的網頁均包含只有IE才能讀取的非標準語法，為了使KHTML引擎可呈現的網頁達到最多，部分IE專屬的語法也一併支援。

代表

蘋果瀏覽器  Safari    [url]www.safaricn.com[/url]

四、瀏覽器相容性的問題

有些網頁是需使用特定的瀏覽器才能正確顯示。架設公司網站時，到了最後驗收的階段，最讓人抓狂的就是瀏覽器相容性的問題，這也幾乎是所有網頁程式設計師的痛苦，尤其在Google最早提出雲端運算(Cloud Computing)的概念之後，許多人認知到只有搶佔瀏覽器客戶端(client)才是未來的決勝關鍵，因此各家不同的瀏覽器一個一個出現，這也造成了網頁設計師的一大考驗…

舉例來說，現在網站架設有許多都是拿整套的開放範本來使用，比方說有某一個常用的SNS網站的範本，在Firefox之下會有照片無法上傳的狀況，但IE6.0或者IE7.0則沒有這個問題，而這種瀏覽器所導致錯誤因為公用模版的關係……

其實這種問題不只是在於Firefox跟IE系列的差別，就算IE本身，從IE6.0經IE7.0到IE8.0都有不同之處，前一陣子微軟就公佈了在IE8.0的瀏灠器之下，中國所有不相容網站的名單，其中所有知名的大網站都在名單上，這會出現什麼狀況呢？比方說：字體的大小、字型與顏顏色在不同的瀏覽器都不相同，或者網頁上的一些欄位無法正常顯現，甚至是一些重要的功能無法實現…

所以，當你使用瀏覽器的時候，如果網頁出現異常或者某些功能無法使用，比方說：網路銀行的付款功能、某些提供BT或P2P下載的網站、或是線上收聽音樂、觀看影片的網站…等等，可以先不要懷疑是自己電腦的問題，可以先改用其它瀏覽器試試看即可改善……

而現實中的網頁設計師要面對的，不只是Firefox及IE的問題，還包含許多甚至一般人沒聽過的瀏覽器，例如Greenbrowser、Safari、Maxthon…等等，不下數十種，其設計過程繁瑣的程度自然令人咋舌…

這些問題大部分是來自於CSS+DIV網站架構的參數問題，一般有經驗的網頁設計師知道如何避免或是修正，但如果網站架構本身比較複雜，則必須花時間去測試修正，比方一些輪播flash出現無法正常播放之時，這個測試的過程，是一種經驗及運氣的組合(try and error)，運氣好的話，可能一下下就解決了，然而，運氣不好，可能就得花上一兩個小時的時間，而最後發現原來只是一個參數的改變就解決…

這種CSS+DIV的網站架構，其實是一種網頁設計的進化，之所以取代傳統的table方式，正是因為搜索引擎的收錄比較優化，網頁的體積相對較小所以開啟速度快，且比較容易維護及後續改版…

而現階段並不是所有的問題都能夠獲得改善，比方說上述提到一些特殊功能，比方下載檔案、多媒體視聽、網路支付工具等，這因為需要搭配一些瀏覽器外掛的程式插件(plug-in)才能使用，這就要看這些特定了瀏覽器是否提供一些額外橋接的外掛程式(plug-in)，否則你只會看到，這樣的網站在網頁上提示你，請改用IE來使用這項功能…

這種狀況也凸顯了瀏覽器市場的競爭性越趨白熱化，每個瀏覽器的市佔率因為這些競爭者的推廣，雖然還跟IE保有極大的落差，但都有顯著的成長，只不過其實這些瀏覽器也存在極大的劣勢，現階段他們頂多是靠著少數人對於微軟的不滿或者安全性相對高來宣傳以站穩自己的腳步，但在相容性的問題上還需要極大的努力，各大網站之所以需要考慮到如此多的瀏覽器，只是想照顧所有的用戶群，但如果因為障礙過多，導致無法壯大，終究非長久之計…

五、跋

總之，瀏覽器是一個程式，通過這個程式可以鏈結互聯網，瀏覽網頁，獲取伺服器上的資料。

而搜索引擎就是一個網站，通過一定的演算法，向用戶提供網站收集到的資料，類似于仲介。

瀏覽器上的搜索框是搜索引擎和瀏覽器合作的產物，為的是方便用戶在瀏覽器上直接使用搜索。

如果一定要把互聯網比做商場，那搜索引擎就是導購，瀏覽器是你逛商場的鞋子。