Web前端開發必備--瀏覽器知識科普

  作前端開發的程序員必定要熟悉各類瀏覽器的內核，以瞭解各類瀏覽器的兼容性，瀏覽器自帶的特性，這樣才能作出更好的兼容性設計以及代碼撰寫。

       瀏覽器的種類，若是按照生產商的品牌分，不說數以萬計，起碼也有成百上千種了， 若是按瀏覽器核心分類，它的種類就會少的多。 當今瀏覽器核心的種類值得一體的大約只有三到四個，它們分別是：Trident、Gecko、WebKit和Presto。 乍一看，彷佛都很陌生，其實並否則，只要你上過網，就至少用過其中一種瀏覽器核心的瀏覽器軟件，由於它們的市場佔有率的確是過高了。

 

1、Trident核心，表明產品Internet Explorer

       提及Trident，不少人都會感到陌生，但提起IE（Internet Explorer）則無人不知無人不曉，因爲其被包含在全世界使用率最高的操做系統Windows中，獲得了極高的市場佔有率，因此咱們又常常稱其爲IE核心。 Trident（又稱爲MSHTML），是微軟開發的一種排版引擎。它在1997年10月與IE4一塊兒誕生，至今經歷12年，至少更新了四個版本，雖然它相對其它瀏覽器核心還比較落後，但Trident一直在被不斷地更新和完善。並且除IE外，許多產品都在使用Trident核心，好比Windows的Help程序、RealPlayer、Windows Media Player、Windows Live Messenger、Outlook Express等等都使用了Trident技術。 但並非全部的IE都使用Trident引擎，微軟還有另外一個網頁瀏覽器排版引擎，叫作Tasman，它是使用在Internet Explorer for Mac的排版引擎，即蘋果版的IE引擎。 使用Trident引擎的瀏覽器有不少，好比Internet Explorer、Maxthon遨遊、世界之窗、騰訊TT、Netcapter、Avant等等，但Trident只能應用於Windows平臺，且是不開源的。

 

2、Gecko核心，表明做品Mozilla Firefox

      Gecko也是一個陌生的詞，但Firefox的名聲應該已經有所耳聞，Gecko是一套開放源代碼的、以C++編寫的網頁排版引擎。 目前爲Mozilla家族網頁瀏覽器以及Netscape 6之後版本瀏覽器所使用。這軟件本來是由網景通信公司開發的，如今則由Mozilla基金會維護。它的最大優點是跨平臺，能在Microsoft Windows、Linux和MacOS X等主要操做系統上運行，並且它提供了一個豐富的程序界面以供互聯網相關的應用程式使用，例如網頁瀏覽器、HTML編輯器、客戶端/服務器等等。 Gecko是最流行的排版引擎之一，僅次於Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。

 

3、WebKit核心，表明做品Safari、Chrome

     webkit 是一個開源項目，包含了來自KDE項目和蘋果公司的一些組件，主要用於Mac OS系統，它的特色在於源碼結構清晰、渲染速度極快。主要表明做品有Safari和Google的瀏覽器Chrome。

 

4、Presto核心，表明做品Opera

      Presto是由Opera Software開發的瀏覽器排版引擎，供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎，包括加入動態功能，例如網頁或其部分可隨着DOM及Script語法的事件而從新排版。 Presto在推出後不斷有更新版本推出，使很多錯誤得以修正，以及閱讀Javascript效能得以最佳化，併成爲速度最快的引擎，這也是Opera被公認爲速度最快的瀏覽器的基礎。

 

5、擴展閱讀-殼子瀏覽器  俗話就是換了外殼包裝下出來忽悠的瀏覽器

 

       如今還有不少殼子瀏覽器，本身自己不帶內核，而是直接調用本機其餘瀏覽器的內核，來實現瀏覽的功能。因爲IE瀏覽器在國內的普及率很是高，因此形成了不少網上銀行和支付系統只支持IE的Trident內核，其餘瀏覽器訪問根本沒法進行正常支付和轉帳等業務。不少瀏覽器開發商就運用了殼子瀏覽器的特性推出了「雙核」瀏覽器，帶有兩種瀏覽模式，其原理就是自己帶一內核，開啓兼容模式後，調用本機上的ie內核，來實現雙引擎功能。其中表明產品有搜狗瀏覽器、傲遊三、QQ瀏覽器等。這種瀏覽器的好處在訪問支付寶或者網上銀行的時候，使用Trident內核的「兼容模式」來進行業務。這樣一個瀏覽器多個內核，知足同一用戶的不一樣需求。

       內核只是一個通俗的說法，其英文名稱爲「Layout engine」，翻譯過來就是「排版引擎」，也被稱爲「頁面渲染引擎」。它負責取得網頁的內容（HTML、XML、圖像等等）、整理信息（例如加入CSS等），以及計算網頁的顯示方式，而後會輸出至顯示器或打印機。全部網頁瀏覽器、電子郵件客戶端以及其它須要編輯、顯示網絡內容的應用程序都須要排版引擎。

       不一樣的瀏覽器內核對網頁編寫語法的解釋也有不一樣，所以同一網頁在不一樣的內核的瀏覽器裏的渲染（顯示）效果也可能不一樣，這也是網頁編寫者須要在不一樣內核的瀏覽器中測試網頁顯示效果的緣由。

 

6、簡單總結

 

      一、使用Trident內核的瀏覽器：IE、Maxthon、TT、The World等；

      二、使用Gecko內核的瀏覽器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；

      三、使用Presto內核的瀏覽器：Opera7及以上版本；

      四、使用Webkit內核的瀏覽器：Safari、Chrome。

 想 學習Web前端開發嗎 ?