前端学习（4）：chome浏览器
?
一、認識瀏覽器
瀏覽器是網(wǎng)頁顯示、運行的平臺，常用的瀏覽器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我們平時稱為五大瀏覽器。IE最新版為Edge。
常用瀏覽器
二、瀏覽器市場份額
可以通過百度的統(tǒng)計網(wǎng)站查看：http://tongji.baidu.com/data/browser
瀏覽器市場份額報告_2017.05-2019.04.jpg
三、了解常用瀏覽器內核
瀏覽器內核是什么東西。英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現(xiàn)在流行稱為瀏覽器內核。
因為瀏覽器太多啦， 但是現(xiàn)在主要流行的就是下面幾個：
瀏覽器內核備注
IETridentIE、獵豹安全、360極速瀏覽器、百度瀏覽器
firefoxGecko可惜這幾年已經(jīng)沒落了，打開速度慢、升級頻繁、豬一樣的隊友flash、神一樣的對手chrome
Safariwebkit現(xiàn)在很多人錯誤地把 webkit 叫做 chrome內核（即使 chrome內核已經(jīng)是 blink 了）
chromeChromium/Blink在 Chromium 項目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內置于 Chrome 瀏覽器之中。Blink 其實是 WebKit 的分支。大部分國產(chǎn)瀏覽器最新版都采用Blink內核。二次開發(fā)
Operablink現(xiàn)在跟隨chrome用blink內核。
Microsoft EdgeChromium微軟將Window 10內置默認瀏覽器Edge內核換成與谷歌瀏覽器一樣的Chromium內核
拓展1：移動端的瀏覽器的內核
移動端的瀏覽器內核主要說的是系統(tǒng)內置瀏覽器的內核。
Android手機而言，使用率最高的就是Webkit內核，大部分國產(chǎn)瀏覽器宣稱的自己的內核，基本上也是屬于webkit二次開發(fā)。
iOS以及WP7平臺上，由于系統(tǒng)原因，系統(tǒng)大部分自帶瀏覽器內核，一般是Safari的內核webkit或者IE內核的Trident。
拓展2：瀏覽器內核
瀏覽器內核包括兩部分，渲染引擎和js引擎。渲染引擎負責讀取網(wǎng)頁內容，整理訊息，計算網(wǎng)頁的顯示方式并顯示頁面，js引擎是解析執(zhí)行js獲取網(wǎng)頁的動態(tài)效果。 后來 JS 引擎越來越獨立，內核就傾向于只指渲染引擎。
四、Web標準
1、為什么要遵循WEB標準呢？
通過以上瀏覽器不同內核不同，我們知道他們顯示頁面或者排版就有些許差異。
Web標準
2、Web 標準的好處
遵循web標準可以讓不同我們寫的頁面更標準更統(tǒng)一外，還有許多優(yōu)點
1、讓Web的發(fā)展前景更廣闊
2、內容能被更廣泛的設備訪問
3、更容易被搜尋引擎搜索
4、降低網(wǎng)站流量費用
5、使網(wǎng)站更易于維護
6、提高頁面瀏覽速度
3、Web 標準構成
構成：主要包括結構（Structure）、表現(xiàn)（Presentation）和行為（Behavior）三個方面。
結構用于對網(wǎng)頁元素進行整理和分類，主要指的是HTML。
表現(xiàn)用于設置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。
行為是指網(wǎng)頁模型的定義及交互的編寫，主要指的是Javascript。
理想狀態(tài)下，他們三層都是獨立的， 放到不同的文件里面
Web標準不是某一個標準，而是由W3C組織和其他標準化組織制定的一系列標準的集合。
W3C 萬維網(wǎng)聯(lián)盟是國際最著名的標準化組織。1994年成立后，至今已發(fā)布近百項相關萬維網(wǎng)的標準，對萬維網(wǎng)發(fā)展做出了杰出的貢獻。
w3c就類似于現(xiàn)實世界中的聯(lián)合國。
由于瀏覽器內核不同，顯示頁面或者排版就有些許差異。開發(fā)者常常需要為多版本的開發(fā)而幸苦工作。所以需要執(zhí)行web標準來統(tǒng)一樣式。
任何上過網(wǎng)的用戶對瀏覽器是再熟悉不過了。只是用戶看到僅僅只是瀏覽器本身，卻很少能看到瀏覽器最核心的部分—瀏覽器內核。從第一款libwww（Library WorldWideWeb）瀏覽器發(fā)展至今已經(jīng)經(jīng)歷了無數(shù)競爭與淘汰了。現(xiàn)在國內常見的瀏覽器有：IE、Firefox、QQ瀏覽器、Safari、Opera、Google Chrome、百度瀏覽器、搜狗瀏覽器、獵豹瀏覽器、360瀏覽器、UC瀏覽器、遨游瀏覽器、世界之窗瀏覽器等。但目前最為主流瀏覽器有五大款，分別是IE、Firefox、Google Chrome、Safari、Opera。
瀏覽器最重要的部分是瀏覽器的內核。瀏覽器內核是瀏覽器的核心，也稱“渲染引擎”，用來解釋網(wǎng)頁語法并渲染到網(wǎng)頁上。瀏覽器內核決定了瀏覽器該如何顯示網(wǎng)頁內容以及頁面的格式信息。不同的瀏覽器內核對網(wǎng)頁的語法解釋也不同，因此網(wǎng)頁開發(fā)者需要在不同內核的瀏覽器中測試網(wǎng)頁的渲染效果。
簡單介紹一下五大主流瀏覽器。（按時間順序）
1、IE瀏覽器：
IE是微軟公司旗下瀏覽器，是目國內用戶量最多的瀏覽器。IE誕生于1994年，當時微軟為了對抗市場份額占據(jù)將近百分之九十的網(wǎng)景Netscape Navigator，于是在Windows中開發(fā)了自己的瀏覽器Internet Explorer，自此也引發(fā)了第一次瀏覽器大戰(zhàn)。結果可想而知，微軟大獲全勝，網(wǎng)景不得不將自己賣給AOL公司。但實際上事情并沒有結束，網(wǎng)景后來開發(fā)了風靡一時的Firefox火狐，至今Firefox也成為世界五大瀏覽器之一。
1996年，微軟從Spyglass手里拿到Spyglass Mosaic的源代碼和授權，開始開發(fā)自己的瀏覽器IE。后來，微軟以IE和Windows捆綁的模式不斷向市場擴展份額，使IE成為市場的絕對主流。現(xiàn)在裝了Windows系統(tǒng)的電腦基本無法卸載IE。
2、Opera瀏覽器：
Opera是挪威Opera Software ASA公司旗下的瀏覽器。1995年，opera公司發(fā)布第一版Opera瀏覽器，使用自己研發(fā)的Presto內核。當時opera公司的開發(fā)團隊不斷完善Presto內核，使Opera瀏覽器一度成為頂級瀏覽器。直到2016年奇虎360和昆侖萬維收購了Oprea瀏覽器，從此也丟棄了強大的Presto內核，改用當時Google開源的webkit內核。后來Opera瀏覽器跟隨Google將瀏覽器內核改為Blink內核。自此Presto內核也淡出了互聯(lián)網(wǎng)市場。
3、Safari瀏覽器：
第二次瀏覽器大戰(zhàn)是從蘋果公司發(fā)布Safari瀏覽器開始的。2003年，蘋果公司在蘋果手機上開發(fā)Safari瀏覽器，利用自己得天獨厚的手機市場份額使Safari瀏覽器迅速成為世界主流瀏覽器。Safari是最早使用webkit內核的瀏覽器也是現(xiàn)在蘋果默認的瀏覽器。
4、Firefox瀏覽器：
Firefox瀏覽器使Mozilla公司旗下瀏覽器，也是剛才提到的網(wǎng)景公司后來的瀏覽器。網(wǎng)景被收購后，網(wǎng)景人員創(chuàng)辦了Mozilla基金會，這是一個非盈利組織，他們在2004年推出自己的瀏覽器Firefox。Firefox采用Gecko作為內核。Gecko是一個開源的項目，代碼完全公開，因此受到很多人的青睞。Firefox的問世加快了第二次瀏覽器大戰(zhàn)的開始。第二次瀏覽器大戰(zhàn)與第一次二元鼎力的局面不同，這一次的特點就是百家爭鳴，也自此打破了IE瀏覽器從98年網(wǎng)景被收購后獨步瀏覽器市場的局面。
5、Chrome瀏覽器：
Chrome瀏覽器是google旗下的瀏覽器。Chrome瀏覽器至發(fā)布以來一直講究簡潔、快速、安全，所以Chrome瀏覽器到現(xiàn)在一直受人追捧。最開始Chrome采用webkit作為瀏覽器內核，直到2013年，google宣布不再使用蘋果的webkit內核，開始使用webkit的分支內核Blink。
以上是五大瀏覽器的簡介，接下來是四大內核。在介紹五大瀏覽器的同時也已經(jīng)順便介紹了四大內核。四大內核分別是：Trident（也稱IE內核）、webkit、Blink、Gecko。五大瀏覽器采用的都是單內核，而隨著瀏覽器的發(fā)展現(xiàn)在也出現(xiàn)了雙內核。像360瀏覽器、QQ瀏覽器都是采用雙內核。
作為前端開發(fā)，熟悉四大內核是非常有必要的。四大內核的解析不同使網(wǎng)頁渲染效果更具多樣化。下面總結一下各常用瀏覽器所使用的內核。
1、IE瀏覽器內核：Trident內核，也是俗稱的IE內核；
2、Chrome瀏覽器內核：統(tǒng)稱為Chromium內核或Chrome內核，以前是Webkit內核，現(xiàn)在是Blink內核；
3、Firefox瀏覽器內核：Gecko內核，俗稱Firefox內核；
4、Safari瀏覽器內核：Webkit內核；
5、Opera瀏覽器內核：最初是自己的Presto內核，后來是Webkit，現(xiàn)在是Blink內核；
6、360瀏覽器、獵豹瀏覽器內核：IE+Chrome雙內核；
7、搜狗、遨游、QQ瀏覽器內核：Trident（兼容模式）+Webkit（高速模式）；
8、百度瀏覽器、世界之窗內核：IE內核；
9、2345瀏覽器內核：以前是IE內核，現(xiàn)在也是IE+Chrome雙內核；
?
?
?
總結
以上是生活随笔為你收集整理的前端学习（4）：chome浏览器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vsco_VSCO重新设计：更直观，更简
- 下一篇： 2017年html5行业报告,云适配发布