?

一、認(rèn)識(shí)瀏覽器

瀏覽器是網(wǎng)頁(yè)顯示、運(yùn)行的平臺(tái)，常用的瀏覽器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我們平時(shí)稱(chēng)為五大瀏覽器。IE最新版為Edge。

常用瀏覽器

二、瀏覽器市場(chǎng)份額

可以通過(guò)百度的統(tǒng)計(jì)網(wǎng)站查看：http://tongji.baidu.com/data/browser

瀏覽器市場(chǎng)份額報(bào)告_2017.05-2019.04.jpg

三、了解常用瀏覽器內(nèi)核

瀏覽器內(nèi)核是什么東西。英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現(xiàn)在流行稱(chēng)為瀏覽器內(nèi)核。

因?yàn)闉g覽器太多啦， 但是現(xiàn)在主要流行的就是下面幾個(gè)：

瀏覽器內(nèi)核備注

IETridentIE、獵豹安全、360極速瀏覽器、百度瀏覽器

firefoxGecko可惜這幾年已經(jīng)沒(méi)落了，打開(kāi)速度慢、升級(jí)頻繁、豬一樣的隊(duì)友flash、神一樣的對(duì)手chrome

Safariwebkit現(xiàn)在很多人錯(cuò)誤地把 webkit 叫做 chrome內(nèi)核（即使 chrome內(nèi)核已經(jīng)是 blink 了）

chromeChromium/Blink在 Chromium 項(xiàng)目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內(nèi)置于 Chrome 瀏覽器之中。Blink 其實(shí)是 WebKit 的分支。大部分國(guó)產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開(kāi)發(fā)

Operablink現(xiàn)在跟隨chrome用blink內(nèi)核。

Microsoft EdgeChromium微軟將Window 10內(nèi)置默認(rèn)瀏覽器Edge內(nèi)核換成與谷歌瀏覽器一樣的Chromium內(nèi)核

拓展1：移動(dòng)端的瀏覽器的內(nèi)核

移動(dòng)端的瀏覽器內(nèi)核主要說(shuō)的是系統(tǒng)內(nèi)置瀏覽器的內(nèi)核。

Android手機(jī)而言，使用率最高的就是Webkit內(nèi)核，大部分國(guó)產(chǎn)瀏覽器宣稱(chēng)的自己的內(nèi)核，基本上也是屬于webkit二次開(kāi)發(fā)。

iOS以及WP7平臺(tái)上，由于系統(tǒng)原因，系統(tǒng)大部分自帶瀏覽器內(nèi)核，一般是Safari的內(nèi)核webkit或者IE內(nèi)核的Trident。

拓展2：瀏覽器內(nèi)核

瀏覽器內(nèi)核包括兩部分，渲染引擎和js引擎。渲染引擎負(fù)責(zé)讀取網(wǎng)頁(yè)內(nèi)容，整理訊息，計(jì)算網(wǎng)頁(yè)的顯示方式并顯示頁(yè)面，js引擎是解析執(zhí)行js獲取網(wǎng)頁(yè)的動(dòng)態(tài)效果。 后來(lái) JS 引擎越來(lái)越獨(dú)立，內(nèi)核就傾向于只指渲染引擎。

四、Web標(biāo)準(zhǔn)

1、為什么要遵循WEB標(biāo)準(zhǔn)呢？

通過(guò)以上瀏覽器不同內(nèi)核不同，我們知道他們顯示頁(yè)面或者排版就有些許差異。

Web標(biāo)準(zhǔn)

2、Web 標(biāo)準(zhǔn)的好處

遵循web標(biāo)準(zhǔn)可以讓不同我們寫(xiě)的頁(yè)面更標(biāo)準(zhǔn)更統(tǒng)一外，還有許多優(yōu)點(diǎn)

1、讓W(xué)eb的發(fā)展前景更廣闊

2、內(nèi)容能被更廣泛的設(shè)備訪問(wèn)

3、更容易被搜尋引擎搜索

4、降低網(wǎng)站流量費(fèi)用

5、使網(wǎng)站更易于維護(hù)

6、提高頁(yè)面瀏覽速度

3、Web 標(biāo)準(zhǔn)構(gòu)成

構(gòu)成：主要包括結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）三個(gè)方面。

結(jié)構(gòu)用于對(duì)網(wǎng)頁(yè)元素進(jìn)行整理和分類(lèi)，主要指的是HTML。

表現(xiàn)用于設(shè)置網(wǎng)頁(yè)元素的版式、顏色、大小等外觀樣式，主要指的是CSS。

行為是指網(wǎng)頁(yè)模型的定義及交互的編寫(xiě)，主要指的是Javascript。

理想狀態(tài)下，他們?nèi)龑佣际仟?dú)立的， 放到不同的文件里面

Web標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是由W3C組織和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。

W3C 萬(wàn)維網(wǎng)聯(lián)盟是國(guó)際最著名的標(biāo)準(zhǔn)化組織。1994年成立后，至今已發(fā)布近百項(xiàng)相關(guān)萬(wàn)維網(wǎng)的標(biāo)準(zhǔn)，對(duì)萬(wàn)維網(wǎng)發(fā)展做出了杰出的貢獻(xiàn)。

w3c就類(lèi)似于現(xiàn)實(shí)世界中的聯(lián)合國(guó)。

由于瀏覽器內(nèi)核不同，顯示頁(yè)面或者排版就有些許差異。開(kāi)發(fā)者常常需要為多版本的開(kāi)發(fā)而幸苦工作。所以需要執(zhí)行web標(biāo)準(zhǔn)來(lái)統(tǒng)一樣式。

任何上過(guò)網(wǎng)的用戶對(duì)瀏覽器是再熟悉不過(guò)了。只是用戶看到僅僅只是瀏覽器本身，卻很少能看到瀏覽器最核心的部分—瀏覽器內(nèi)核。從第一款libwww（Library WorldWideWeb）瀏覽器發(fā)展至今已經(jīng)經(jīng)歷了無(wú)數(shù)競(jìng)爭(zhēng)與淘汰了。現(xiàn)在國(guó)內(nèi)常見(jiàn)的瀏覽器有：IE、Firefox、QQ瀏覽器、Safari、Opera、Google Chrome、百度瀏覽器、搜狗瀏覽器、獵豹瀏覽器、360瀏覽器、UC瀏覽器、遨游瀏覽器、世界之窗瀏覽器等。但目前最為主流瀏覽器有五大款，分別是IE、Firefox、Google Chrome、Safari、Opera。
瀏覽器最重要的部分是瀏覽器的內(nèi)核。瀏覽器內(nèi)核是瀏覽器的核心，也稱(chēng)“渲染引擎”，用來(lái)解釋網(wǎng)頁(yè)語(yǔ)法并渲染到網(wǎng)頁(yè)上。瀏覽器內(nèi)核決定了瀏覽器該如何顯示網(wǎng)頁(yè)內(nèi)容以及頁(yè)面的格式信息。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)的語(yǔ)法解釋也不同，因此網(wǎng)頁(yè)開(kāi)發(fā)者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁(yè)的渲染效果。
簡(jiǎn)單介紹一下五大主流瀏覽器。（按時(shí)間順序）
1、IE瀏覽器：
IE是微軟公司旗下瀏覽器，是目國(guó)內(nèi)用戶量最多的瀏覽器。IE誕生于1994年，當(dāng)時(shí)微軟為了對(duì)抗市場(chǎng)份額占據(jù)將近百分之九十的網(wǎng)景Netscape Navigator，于是在Windows中開(kāi)發(fā)了自己的瀏覽器Internet Explorer，自此也引發(fā)了第一次瀏覽器大戰(zhàn)。結(jié)果可想而知，微軟大獲全勝，網(wǎng)景不得不將自己賣(mài)給AOL公司。但實(shí)際上事情并沒(méi)有結(jié)束，網(wǎng)景后來(lái)開(kāi)發(fā)了風(fēng)靡一時(shí)的Firefox火狐，至今Firefox也成為世界五大瀏覽器之一。
1996年，微軟從Spyglass手里拿到Spyglass Mosaic的源代碼和授權(quán)，開(kāi)始開(kāi)發(fā)自己的瀏覽器IE。后來(lái)，微軟以IE和Windows捆綁的模式不斷向市場(chǎng)擴(kuò)展份額，使IE成為市場(chǎng)的絕對(duì)主流。現(xiàn)在裝了Windows系統(tǒng)的電腦基本無(wú)法卸載IE。
2、Opera瀏覽器：
Opera是挪威Opera Software ASA公司旗下的瀏覽器。1995年，opera公司發(fā)布第一版Opera瀏覽器，使用自己研發(fā)的Presto內(nèi)核。當(dāng)時(shí)opera公司的開(kāi)發(fā)團(tuán)隊(duì)不斷完善Presto內(nèi)核，使Opera瀏覽器一度成為頂級(jí)瀏覽器。直到2016年奇虎360和昆侖萬(wàn)維收購(gòu)了Oprea瀏覽器，從此也丟棄了強(qiáng)大的Presto內(nèi)核，改用當(dāng)時(shí)Google開(kāi)源的webkit內(nèi)核。后來(lái)Opera瀏覽器跟隨Google將瀏覽器內(nèi)核改為Blink內(nèi)核。自此Presto內(nèi)核也淡出了互聯(lián)網(wǎng)市場(chǎng)。
3、Safari瀏覽器：
第二次瀏覽器大戰(zhàn)是從蘋(píng)果公司發(fā)布Safari瀏覽器開(kāi)始的。2003年，蘋(píng)果公司在蘋(píng)果手機(jī)上開(kāi)發(fā)Safari瀏覽器，利用自己得天獨(dú)厚的手機(jī)市場(chǎng)份額使Safari瀏覽器迅速成為世界主流瀏覽器。Safari是最早使用webkit內(nèi)核的瀏覽器也是現(xiàn)在蘋(píng)果默認(rèn)的瀏覽器。
4、Firefox瀏覽器：
Firefox瀏覽器使Mozilla公司旗下瀏覽器，也是剛才提到的網(wǎng)景公司后來(lái)的瀏覽器。網(wǎng)景被收購(gòu)后，網(wǎng)景人員創(chuàng)辦了Mozilla基金會(huì)，這是一個(gè)非盈利組織，他們?cè)?004年推出自己的瀏覽器Firefox。Firefox采用Gecko作為內(nèi)核。Gecko是一個(gè)開(kāi)源的項(xiàng)目，代碼完全公開(kāi)，因此受到很多人的青睞。Firefox的問(wèn)世加快了第二次瀏覽器大戰(zhàn)的開(kāi)始。第二次瀏覽器大戰(zhàn)與第一次二元鼎力的局面不同，這一次的特點(diǎn)就是百家爭(zhēng)鳴，也自此打破了IE瀏覽器從98年網(wǎng)景被收購(gòu)后獨(dú)步瀏覽器市場(chǎng)的局面。
5、Chrome瀏覽器：
Chrome瀏覽器是google旗下的瀏覽器。Chrome瀏覽器至發(fā)布以來(lái)一直講究簡(jiǎn)潔、快速、安全，所以Chrome瀏覽器到現(xiàn)在一直受人追捧。最開(kāi)始Chrome采用webkit作為瀏覽器內(nèi)核，直到2013年，google宣布不再使用蘋(píng)果的webkit內(nèi)核，開(kāi)始使用webkit的分支內(nèi)核Blink。

以上是五大瀏覽器的簡(jiǎn)介，接下來(lái)是四大內(nèi)核。在介紹五大瀏覽器的同時(shí)也已經(jīng)順便介紹了四大內(nèi)核。四大內(nèi)核分別是：Trident（也稱(chēng)IE內(nèi)核）、webkit、Blink、Gecko。五大瀏覽器采用的都是單內(nèi)核，而隨著瀏覽器的發(fā)展現(xiàn)在也出現(xiàn)了雙內(nèi)核。像360瀏覽器、QQ瀏覽器都是采用雙內(nèi)核。
作為前端開(kāi)發(fā)，熟悉四大內(nèi)核是非常有必要的。四大內(nèi)核的解析不同使網(wǎng)頁(yè)渲染效果更具多樣化。下面總結(jié)一下各常用瀏覽器所使用的內(nèi)核。
1、IE瀏覽器內(nèi)核：Trident內(nèi)核，也是俗稱(chēng)的IE內(nèi)核；
2、Chrome瀏覽器內(nèi)核：統(tǒng)稱(chēng)為Chromium內(nèi)核或Chrome內(nèi)核，以前是Webkit內(nèi)核，現(xiàn)在是Blink內(nèi)核；
3、Firefox瀏覽器內(nèi)核：Gecko內(nèi)核，俗稱(chēng)Firefox內(nèi)核；
4、Safari瀏覽器內(nèi)核：Webkit內(nèi)核；
5、Opera瀏覽器內(nèi)核：最初是自己的Presto內(nèi)核，后來(lái)是Webkit，現(xiàn)在是Blink內(nèi)核；
6、360瀏覽器、獵豹瀏覽器內(nèi)核：IE+Chrome雙內(nèi)核；
7、搜狗、遨游、QQ瀏覽器內(nèi)核：Trident（兼容模式）+Webkit（高速模式）；
8、百度瀏覽器、世界之窗內(nèi)核：IE內(nèi)核；
9、2345瀏覽器內(nèi)核：以前是IE內(nèi)核，現(xiàn)在也是IE+Chrome雙內(nèi)核；
?

?

?

總結(jié)

以上是生活随笔為你收集整理的前端学习（4）：chome浏览器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。