微软带头打了30年，这场屏幕里的大乱斗，终于要结束了

最近有这么一条新闻~

苹果、微软、谷歌和 Mozilla 这几大浏览器制造商宣布将要联合起来&＃xff0c;解决网页适配问题了。

由于这个 “ 联合军 ” 几乎包括了所有主要的浏览器供应商&＃xff0c;随着他们的协作&＃xff0c;程序员们的工作将大大减少&＃xff0c;而网民们也将拥有更舒适、统一的浏览体验。

像下面这样一些比较奇怪的页面效果&＃xff0c;将不复存在。

畸形的图像显示&＃xff08;左图&＃xff09;↓ ↓

很不对头的动画效果 ↓ ↓

不按预期出牌的粘性表头 ↓ ↓

之所以不同网站在不同浏览器上的显示或互动效果不同&＃xff0c;是因为不同的浏览器对同一段代码有不同的解析。

如果网站不针对不同浏览器做适配&＃xff0c;那用户体验就会直接爆炸。。。

其实&＃xff0c;为了解决不同浏览器各自为营导致的兼容、适配问题&＃xff0c;从浏览器诞生之初&＃xff0c;各个巨头就没少折腾。

其中非常有趣的一件事情&＃xff0c;是由微软掀起的&＃xff0c;俗称 UA 大混战的 “ 战役 ” 。

今天咱们就来聊聊这个~

几乎所有的浏览器&＃xff0c; UA 开头都是 Mozilla ▼

在正式开始之前&＃xff0c;别急着问 UA 是啥&＃xff0c;先听一个小故事。

约 30 年前&＃xff0c;第一次 “ 浏览器世界大战 ” 时&＃xff0c;微软跟 Netscape 杠上了。

Netscape&＃xff0c;即大名鼎鼎的网景&＃xff0c;他们的浏览器名为网景导航者&＃xff08; Netscape Navigator &＃xff09;&＃xff0c;内部代号为 Mozilla 。

就像大家现在看到 IE 浏览器的图标会想到上网一样&＃xff0c;当年大家上网不说上网&＃xff0c;而是说上网景。

因为当时的网景整了很多创新之举&＃xff0c;比如搭载 COOKIE 、支持 Javascript 脚本以及Frames 技术&＃xff0c;功能非常强大&＃xff0c;饱受网虫欢迎。

就 Frames 技术来说&＃xff0c;它使得浏览器窗口能同时显示多个网页&＃xff0c;每个 Frame 里可以放一个网页&＃xff0c;网页相互独立。

放到今天&＃xff0c;大家看起来肯定感觉&＃xff1a;就这&＃xff1f;&＃xff1f;&＃xff1f;

但在互联网早期&＃xff0c;网页基本上就是一行行的字跟简单的图片构成的。像下图一样。

相比之下&＃xff0c;Frames 赋予了网页更强大的实用性、便捷性&＃xff0c;瞬间流行了起来~

正是因为前述不同浏览器之间巨大的特性差异&＃xff0c;用夸张手法来说&＃xff0c;网景都支持像 Frames 这样的高级特性了&＃xff0c;有的浏览器可能连图片显示都还没支持。

对于网站来说&＃xff0c;给不支持 Frames 的网站&＃xff0c;返回带 Frames 的页面显然是不合适的。

于是&＃xff0c;User Agent 嗅探诞生了。

UA 是什么东西呢&＃xff1f;

UA 就是浏览器的 “ 身份证 ” &＃xff0c;上面有浏览器的身份信息&＃xff0c;把它递给网站&＃xff0c;网站就知道你是谁&＃xff0c;能做啥&＃xff08;比如能不能显示图片&＃xff09;&＃xff0c;然后给你返回对应的网页。

比如下面是一个 Netscape 的 UA &＃xff0c;网站看到 Mozilla/1.0 就知道浏览器跟浏览器的版本号&＃xff0c;看到后面的 Win3.1 就能知道相关操作系统。

Mozilla/1.0 ( Win3.1 )

UA 识别到这是网景浏览器以后&＃xff0c;网站服务端表示&＃xff0c;卧槽这个浏览器很厉害啊&＃xff01;我要给他发一个高级的页面。

如果是其他浏览器&＃xff0c;那网站服务端就会发一个普通的页面过去&＃xff0c;毕竟&＃xff0c;万一发去高级的&＃xff0c;它不支持怎么办&＃xff1f;

当时的微软已经是大公司了&＃xff0c;手底下有一批优秀的软件工程师专门做 IE 浏览器&＃xff0c;很多功能并不比网景落后&＃xff0c;像 Frames 这些 IE 也有。

IE 1.0 ▼

但很可惜&＃xff0c;IE 当时还是一个 “ 新生儿 ” &＃xff0c;尽管它支持高特性的网页&＃xff0c;但网站却没有给 IE 做适配&＃xff0c;给它返回的是普通网页。

可是 IE 已经等不及了&＃xff0c;它迫切的提想要打败网景&＃xff0c;夺下这片市场&＃xff0c;所以它决定 —— 来骗。

你不是通过识别 UA 来判断返回什么网页么&＃xff1f;好&＃xff0c;那我就披一层网景的衣服&＃xff0c;假装是网景&＃xff0c;骗你给我高特性的网页&＃xff01;

靠着种种手段&＃xff0c;比如捆绑销售&＃xff0c;IE 的占有率节节攀升&＃xff0c;到 IE 4.0 的时候&＃xff0c;微软基本上是把网景打趴下。

IE 4.0 ▼

但网景也没有完全认输&＃xff0c;在被收购之前公开了源代码&＃xff0c;还用最初开发代号 Mozilla 创建了 Mozilla 组织。

火狐浏览器就是这个组织的产物。

为了跟之前的网景浏览器相区分&＃xff0c;火狐在之前 UA 的基础上&＃xff0c;加入了自己的标识&＃xff1a;Firefox 。

同时 Mozilla 还写了一个叫 Gecko 的排版引擎&＃xff0c;这个渲染引擎非常厉害&＃xff0c;火狐也把它加入到了自己的 UA 之中。

跟前面一样。。

网站也知道用 Gecko 引擎的浏览器会比较厉害&＃xff0c;花活比较多&＃xff0c;于是会为它准备更高级的页面&＃xff0c;为其他浏览器准备普通页面。

其他浏览器也很苦恼&＃xff0c;从技术层面我们明明也能实现这些&＃xff0c;只是网站没给机会&＃xff0c;于是也开始伪造 “ 身份证 ”。

戏剧性的一幕出现了&＃xff1a;所有浏览器都开始伪装自己是 Mozilla 。

首先是 Linux 的追随者&＃xff0c;他们编写了 Konqueror&＃xff0c;引擎是 KHTML。

这群人认为 KHTML 跟 Gecko 一样好&＃xff0c;但是网站却不给他们返回好的页面&＃xff0c;于是开始伪装自己&＃xff0c;还在 UA 里写下我们跟 Gecko 一样好~

UA &＃61; Mozilla/5.0 (compatible; Konqueror/3.2; FreeBSD)

(KHTML, like Gecko)

而苹果家的 safari 呢&＃xff0c;它基于 KHTML 引擎&＃xff0c;但是加了新的特性&＃xff0c;所以另起炉灶叫自己 WebKit 。

但同时&＃xff0c;他也不想失去那些为 KHTML 编写的东西&＃xff0c;所以它也选择延续前面的 UA &＃xff0c;再加一点标识。。。

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-de) AppleWebKit /85.7 (KHTML, like Gecko) Safari/85.5

而咱们现在最常用的 Chrome 浏览器呢&＃xff0c;则是基于 WebKit 开发的&＃xff0c;但也是做了修改&＃xff0c;跟前人一样&＃xff0c;也不想失去那些为 WebKit 编写的东西。

于是在 UA 中&＃xff0c;他把自己伪装成这样。。。

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

总之&＃xff0c;无限套娃。

最后&＃xff0c;人人都不是 Mozilla&＃xff0c;人人都是 Mozilla。

围绕 UA 的骚操作还有很多&＃xff0c;比如有些人明明用的是手机浏览器刷网页&＃xff0c;但会通过修改 UA &＃xff0c;骗网站&＃xff1a;“ 我是电脑&＃xff01;给我发对应的网页来 ”~

这样一来&＃xff0c;就能规避手机网页中那些 “ 打开 XX APP&＃xff0c;查看全部 XX 评论 ” 的拦截了。

比如之前优酷对 iPhone 端的浏览器是不提供视频广告的。

于是乐视浏览器就通过修改 UA &＃xff0c;骗优酷自己是 iPhone &＃xff0c;以获取没有广告的优酷视频。

除了离谱的 UA 之外&＃xff0c;浏览器之间因为各自为营&＃xff0c;还衍生了各种 “ 兼容模式 ” &＃xff0c;“ 兼容插件 ” 。

哎&＃xff0c;为什么&＃xff0c;直到现在浏览器才想起来要 “ 统一标准 ” 这件事儿呢&＃xff1f;

嗯。。。差评君猜测主要是两方面。。。

一方面是公开统一的标准推行起来很慢&＃xff0c;毕竟涉及到的厂商很多&＃xff0c;而厂商们为了迅速抢占市场&＃xff0c;往往会想要 “ 立刻 ” 提升用户体验。

另一方面是&＃xff0c;如果大家都统一&＃xff0c;就失去了自己独特的优势&＃xff0c;从产品沦为工具。

而在现在浏览器主要功能都大差不差&＃xff0c;趋向稳定&＃xff0c;很难在技术上有跨时代的突破&＃xff0c;再纠结于自家标准&＃xff0c;意义已经不大了。更多的是给程序员&＃xff0c;给用户带来的不便&＃xff0c;还不如走向统一。

而曾经围绕 IE 浏览器的打响的&＃xff0c;属于电脑屏幕中的两次 “ 世界大战 ” &＃xff0c;也以群雄割据&＃xff0c;统一标准的局面走向了尾声。