熟悉又陌生的Web，标准和浏览器

浏览器简介

Tim发明的Web基于客户端-服务端模型，在逻辑上可以分为三层，User Agent（客户端） ---- Internet (网络) ------ Web Server (服务端)。

最常见的User Agent就是浏览器，比如IE，Firefox等，下图是常用浏览器的市场趋势。各种浏览器之间的特性对比可以参看维基百科https://en.wikipedia.org/wiki/Comparison_of_web_browsers

image.png

从兼容性角度而言，这些浏览器都需要符合W3C制定的一些标准，如HTML，CSS，DOM等，但在最开始阶段出于商业利益曾经爆发过一场浏览器大战，Netscape vs. Microsoft，双方都在W3C标准之外提供自己额外的功能，互不兼容，最终Microsoft胜出。为避免类似情况，某些行业人士成立了WaSP (https://www.webstandards.org/)，推动浏览器的标准化。

浏览器支持的常见标准包括：

• HTML
  由W3C维护，定义文档(hypertext)的结构(structure)，目前是HTML5
• CSS
  由W3C维护，定义文档的外观显示(Presentation, look & feel)，目前是CSS3.0
  https://www.w3.org/standards/webdesign/htmlcss
• Javascript
  由另外一个组织Ecma维护，实现文档的行为（Behavior），比如文档加载完之后弹一个窗口，或者点击按钮之后的动作；
  也被称为ECMAScript，最新是2018版，https://www.ecma-international.org/ecma-262/9.0/index.html
• WebRTC
  由W3C维护，是一个比较新的标准，全称是Web Real-Time Communication，通过浏览器原生API支持实时通信。https://www.w3.org/TR/webrtc/

实用技巧

查看浏览器加载情况，发现加载慢或者无法加载的内容(script，image，etc.)

• Firefox
  在页面上点击鼠标右键，选择Inspect Element，查看network部分
• Chrome
  在页面上点击鼠标右键，选择“检查”，查看network部分
• IE11
  在IE窗口右上角，点击齿轮图标，选择F12 Developer Tools，查看network部分