web编程之UI前段各个浏览器内核介绍说明

1、WEB前端之浏览器前端之浏览器冯旭 定义 起源和发展 浏览器内核 CSS的Hack 应用浏览器定义 网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。 它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。如：手机浏览器。浏览器起源和发展 蒂姆伯纳斯-李(Tim Berners-Lee）是第一个使用超文本来分享资讯的人，他于1990年发明了首个网页浏览器WorldWideWeb。 网景公司在1994年10月发布了他

2、们的旗舰产品网景导航者。 1995年网景的优势就被削弱了。错失互联网浪潮的微软在这个时候匆促的购入了这项技术，改成Internet Explorer（IE），掀起了软件巨头微软和网景之间的浏览器大战。这同时加快了万维网发展。 网景公司以开放源代码迎战，创造了Mozilla，但浏览器起源和发展 此举未能挽回Netscape的市场占有率。后来衍生出现在的Firefox 浏览器。浏览器种类 浏览器内核有哪些？ 1.基于Gecko排版引擎 2.基于WebKit排版引擎 3.基于Presto排版引擎 4.基于Trident排版引擎Gecko引擎 基于Gecko引擎的浏览器有： 1. Mozilla Fi

3、refox 常说的火狐浏览器，由网景公司1998年成立的非正式组织Mozilla（谋智）运营。 2.HotBrowser 冲冠浏览器，由冲冠科技在云计算时代出品的一款云安全浏览器。 3.Camino Camino是一款由Mozilla发展出来的网页浏览器，专为Mac OS X而设。Gecko引擎 基于Gecko引擎的浏览器的特点: 优点：安全、稳定、浏览网页速度一般比但IE快 缺点：启动的速度最慢WebKit引擎 基于WebKit引擎的浏览器有： 1. Safari 2.QQ 3.傲游 （双核） 4.搜狗 （双核） 5.极速版世界之窗（双核） 6. Google Chrome 7.360极速（

4、双核）WebKit引擎 基于WebKit引擎的浏览器的特点: 优点：简洁，轻巧，扩展性强 缺点：内核内存占用比较大（浏览、启动都很快的牺牲）Presto引擎 基于Presto引擎的浏览器有： 1. OperaPresto引擎 基于Presto引擎的浏览器的特点: 优点：渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核 缺点：牺牲了网页的兼容性Trident引擎 基于Trident引擎的浏览器有： 目前主流就是IE，以及其他双核浏览器。 IE6、IE7、IE8、IE9 、IE10、360兼容模式、QQ浏览器兼容等其他的双核浏览器的兼容模式Trident引擎 基于Trident引

5、擎的浏览器的特点: 优点：兼容性好 缺点：IE6、IE7、IE8及其容易崩溃，IE9,IE10需要升级操作系统CSS的hack Presto内核 media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)headbody /*这里是hack代码*/CSS的hack Gecko内核 -moz-document url-prefix()/*这里是hack代码*/CSS的hack Webkit内核 media screen and (-webkit-min-d

6、evice-pixel-ratio:0) /*这里是hack代码*/CSS的hack Trident内核： IE6、IE7、IE8、IE9、IE10#abc background:#f009; /*所有IE，这里设置为最顶级，默认为IE9*/background:#93C0/IE8+9; /*ie8*/+background:#008AE0; /*ie7*/_background:#090; /*ie6*/*IE10*/media screen and (-ms-high-contrast: active),(-ms-high-contrast:none)/*这里是hack代码*/注：注：IE

7、9+的特殊写法的特殊写法“:root”。如：。如：:root #abcbackground:#f00;专用于专用于IE9和和IE10.应用怎么开发出兼容性好的应用？答案只有一个：多个平台测试从IE6 到IE10 ，然后各大主流浏览器（360安全浏览器、360极速浏览器、Mozilla Firefox、Opera、QQ浏览器、Safari、傲游云浏览器、百度浏览器、谷歌浏览器、猎豹浏览器、世界之窗、搜狗高速浏览器）都测试。其实只测试除IE外的其他3大内核引擎代表（webkit的谷歌浏览器， gecko 的Mozilla Firefox ， Presto 的Opera ）即可。怎么让电脑上能安装怎么让电脑上能安装IE6到到IE10这这5个浏览器呢？个浏览器呢？ 测试环境的搭建 IETEST这个软件继承了ie6, ie7, ie8，firefox2, firefox3, firefox3.5, safari3, safari4, chrome , opera10, opera9等各种浏览模式。简单就可以切换。缺点：有时候一些效果和在纯的IE版本上有区别。 IE10IE9和IE10有开发人员工具，可以选择各种兼容模式浏览。缺点：有时候一些效果和在纯的IE版本上