瀏覽器簡介

Tim發(fā)明的Web基于客戶端-服務(wù)端模型，在邏輯上可以分為三層，User Agent（客戶端） ---- Internet (網(wǎng)絡(luò)) ------ Web Server (服務(wù)端)。

最常見的User Agent就是瀏覽器，比如IE，F(xiàn)irefox等，下圖是常用瀏覽器的市場趨勢。各種瀏覽器之間的特性對比可以參看維基百科https://en.wikipedia.org/wiki/Comparison_of_web_browsers

image.png

從兼容性角度而言，這些瀏覽器都需要符合W3C制定的一些標(biāo)準(zhǔn)，如HTML，CSS，DOM等，但在最開始階段出于商業(yè)利益曾經(jīng)爆發(fā)過一場瀏覽器大戰(zhàn)，Netscape vs. Microsoft，雙方都在W3C標(biāo)準(zhǔn)之外提供自己額外的功能，互不兼容，最終Microsoft勝出。為避免類似情況，某些行業(yè)人士成立了WaSP (https://www.webstandards.org/)，推動瀏覽器的標(biāo)準(zhǔn)化。

瀏覽器支持的常見標(biāo)準(zhǔn)包括：

• HTML
  由W3C維護(hù)，定義文檔(hypertext)的結(jié)構(gòu)(structure)，目前是HTML5
• CSS
  由W3C維護(hù)，定義文檔的外觀顯示(Presentation, look & feel)，目前是CSS3.0
  https://www.w3.org/standards/webdesign/htmlcss
• Javascript
  由另外一個組織Ecma維護(hù)，實現(xiàn)文檔的行為（Behavior），比如文檔加載完之后彈一個窗口，或者點擊按鈕之后的動作；
  也被稱為ECMAScript，最新是2018版，https://www.ecma-international.org/ecma-262/9.0/index.html
• WebRTC
  由W3C維護(hù)，是一個比較新的標(biāo)準(zhǔn)，全稱是Web Real-Time Communication，通過瀏覽器原生API支持實時通信。https://www.w3.org/TR/webrtc/

實用技巧

查看瀏覽器加載情況，發(fā)現(xiàn)加載慢或者無法加載的內(nèi)容(script，image，etc.)

• Firefox
  在頁面上點擊鼠標(biāo)右鍵，選擇Inspect Element，查看network部分
• Chrome
  在頁面上點擊鼠標(biāo)右鍵，選擇“檢查”，查看network部分
• IE11
  在IE窗口右上角，點擊齒輪圖標(biāo)，選擇F12 Developer Tools，查看network部分