大家这几天，想必都被红芯浏览器刷屏了，这货：
号称世界第5个自主内核、中国首款，难道做个浏览器内核真有这么简单吗？
正巧我多年一直在收集各种浏览器的资料和趣闻，就让我们来看下浏览器内核到底是什么，以及难度如何。
说起浏览器，就得从当年IE大战网景说起。
在it界的洪荒年代（1992年），人们在互联网上还是只能看黑白屏幕上一行又一行的字符的时候，伊利诺斯州大学（NCSA）的马克·安德森 就突发奇想的搞出一个名为Mosaic的浏览器，可以显示图文信息。在放到网上免费传播后，大家纷纷对这种交互方式非常感兴趣。但他们意识到，无论Mosaic浏览器多么受欢迎，它终究只是一个学校的产物。令两人不爽的是，他们无法说服伊利诺斯州大学转让 Mosaic浏览器。安德森最终决定重新编写一个浏览器，在大家的努力下，一个新的付费浏览器又出来了，它就是Navigator，而公司的名字就是 Netscape，1994年成立。
Netspace 上市不久，Microsoft就发布了人们期望已久的新操作系统Windows 95，同时还有浏览器Internet Explore 1.0。
IE的功能那时很辣鸡，不支持Java,不支持插件,速度也很慢。其实这时候的IE1.0，还是从NCSA Mosaic浏览器为基础改造而来，它的发布时间是1995年8月份。同年11月，微软心急火燎地推出2.0版本。
也就是说，当年的IE和Netspace ，来源都是当年的Mosaic。
有意思的是，多年后，微软NT4和win2k的代码泄漏了，里面正好包含IE2和IE5.5的代码。于是2011的某一天，我也突发奇想的把这两货从微软泄漏代码里扣了出来，并费了老大一肚子劲编译了出来，代码见：
IE2的代码相对好编译一点，需要补上缺少的一堆头文件，以及个别实现不完整的补充，并在理解架构的基础上，把一些小bug改掉。
上个IE2的图。
IE2就是不带当年微软trident排版引擎的、据说改自Mosaic的上古浏览器，此时css都还没发明，和现在的浏览器差距极其巨大。
不过IE2并不是说没用，至少我把这玩意移植到了我的界面库，并且成为了一个牛逼无比的richedit了，嘿嘿…
其实IE2的结构非常清晰，扣出来的过程很有意思。IE2就一个函数，用来显示所有的gif、文本。另外有几个函数负责解析html。
当年我扣出来后，做了一个文本显示控件，非常爽，哈哈。文本的选择等逻辑也很完整，而且很容易读懂，因为是纯C打造。
SGML_write 把html解析到_w3doc里后，调个TW_Draw就把所有内容包括图像都显示出来了。
时间线来到IE6的时代。在此期间，发生了一件重大的事情，就是CSS也被发明出来了。据
里的描述，发明CSS的人叫 Haakon Wium Lie，是Opera 的CTO。
有意思的是，另一款浏览器内核webkit的前身，KHTML，来自Trolltech 公司的QT项目。KHTML和Opera 都是挪威的公司，两家基本是上下楼的关系，而且部分代码是共享的，所以我不得不怀疑当年两家是同时开始撸浏览器内核的，然后因为某些原因开始分道扬镳。
所以也可以看到，现在流行的五大内核（Opera 、blink、webkit、firfox、IE），其中三家都是源自当年的挪威派系，甚至很多CSS标准，可能都是专门为Opera 而设计再提出成为标准的。
话说回到IE6。这可是当年一个划时代的浏览器。虽然在今天被人黑出翔了，但这也侧面说说明当年IE6有多牛逼，时至今日还在发挥余温。
IE6以及前身IE5.5当年提出了许多今天看来非常黑科技的东西。比如：
1，提出XMLHttpRequest，被谷歌发掘后成了风靡全球的AJAX。
2，提出VML，矢量渲染语言，绘制各种炫酷矢量图不在话下。
3，提出滤镜功能，能给网页实现各种炫酷效果。其实大家经常见到的word里的百叶窗什么的动画，就是滤镜功能。而且有意思的是，word里的此功能，和IE是共用同个模块的，我还尝试过在我自己的程序里直接调用COM接口来实现同样的炫酷效果。
4，提出HTA的概念，可以直接把html变成本地应用。和现在的hybrid app、PWA之流是不是很像？
5，各种先进的CSS排版功能。
正是这么多神奇和强大的功能，让IE6在推出后，打爆了老对手Netscape（当然，微软也是用了不少猥琐手段，例如和360一样的捆绑安装）。微软从此一家独霸浏览器市场，以至于10年时间整个浏览器部门都没事情可以做，然后被解散了…可能当时微软认为天下已经掌握手中，浏览器基本没什么可发展了吧。
想重温IE5.5\IE6的人，可以在刚才我的帖子里下载。当年我被IE震惊之余，也尝试从win2k泄漏代码里扣出IE部分。最后在我撸到一半的时候，发现另外一个豌豆荚的哥们已经撸出来了，他把IE5.5的代码整理成了他的一个界面库（据说万兄敲这个代码的时候敲的肩膀都出问题了，也是很拼）：
万兄整理的基于IE代码界面库，不但有基础的div+css功能，还支持activex控件，支持界面的Filter特效。不过vml不支持，我估计vml的代码这个IE5.5版本还没开发出来。
这个版本的IE架构我之前写了几篇文章，本来发在百度空间上，结果百度空间倒闭了，文章也不见了…
凭一点点残存的印象，我记得这个版本代码写的有点难懂。说混乱倒不至于，里面各种类的划分很清晰的，只是可能是从DOS时代走出来的老程序员的习惯，代码里的变量、函数名什么的，很多是简写，看起来有累，要时刻回忆pPbsz之类的变量具体啥意思。
不过这注释写的还是挺完善的。
有意思的是，曾经在前端界大名鼎鼎的IE hasLayout问题，可以在这个代码里找到问题的成因。
通过代码可以看出，haslayout是element的一个成员变量，用来减少排版的计算。感兴趣的人可以仔细读下haslayout的具体逻辑。
这个版本的IE架构有个小小问题，没有把排版和渲染独立出来，都混合在同一套数据结构里（而之后的webkit，就区分成Node、RenderObject），而且也没做跨平台准备，全都使用的windows的数据结构，如HDC。不知道后来IE实现跨平台到MAC上是不是要做吐血。
话说IE6出了N年之后，谷歌站出来打脸了。谷歌本来是主推Firfox的（也就是Netscape交给开源社区后，重整后涅槃重生的全新浏览器），但谷歌一直在集中巨大资金研发自己的开源浏览器：chrome。果然，2008年，chrome一经面世，立刻震撼了世人，当然也包括我。预知后事如何，且看下回分解。