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

web编程之UI前段各个浏览器内核介绍说明第一页，共22页。定义起源和发展浏览器内核CSS的Hack应用第二页，共22页。浏览器定义网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。如：手机浏览器。第三页，共22页。浏览器起源和发展蒂姆·伯纳斯-李(TimBerners-Lee）是第一个使用超文本来分享资讯的人，他于1990年发明了首个网页浏览器WorldWideWeb。网景公司在1994年10月发布了他们的旗舰产品网景导航者。1995年网景的优势就被削弱了。错失互联网浪潮的微软在这个时候匆促的购入了这项技术，改成InternetExplorer（IE），掀起了软件巨头微软和网景之间的浏览器大战。这同时加快了万维网发展。网景公司以开放源代码迎战，创造了Mozilla，但第四页，共22页。浏览器起源和发展此举未能挽回Netscape的市场占有率。后来衍生出现在的Firefox浏览器。第五页，共22页。浏览器种类浏览器内核有哪些？

1.基于Gecko排版引擎2.基于WebKit排版引擎3.基于Presto排版引擎4.基于Trident排版引擎第六页，共22页。Gecko引擎基于Gecko引擎的浏览器有：1.MozillaFirefox

常说的火狐浏览器，由网景公司1998年成立的非正式组织Mozilla（谋智）运营。2.HotBrowser冲冠浏览器，由冲冠科技在云计算时代出品的一款云安全浏览器。3.CaminoCamino是一款由Mozilla发展出来的网页浏览器，专为MacOSX而设。第七页，共22页。Gecko引擎基于Gecko引擎的浏览器的特点:

优点：安全、稳定、浏览网页速度一般比但IE快

缺点：启动的速度最慢第八页，共22页。WebKit引擎基于WebKit引擎的浏览器有：1.Safari2.QQ3.傲游（双核）4.搜狗（双核）5.极速版世界之窗（双核）6.GoogleChrome7.360极速（双核）第九页，共22页。WebKit引擎基于WebKit引擎的浏览器的特点:

优点：简洁，轻巧，扩展性强

缺点：内核内存占用比较大（浏览、启动都很快的牺牲）第十页，共22页。Presto引擎基于Presto引擎的浏览器有：1.Opera第十一页，共22页。Presto引擎基于Presto引擎的浏览器的特点:

优点：渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核

缺点：牺牲了网页的兼容性第十二页，共22页。Trident引擎基于Trident引擎的浏览器有：

目前主流就是IE，以及其他双核浏览器。IE6、IE7、IE8、IE9、IE10、360兼容模式、QQ浏览器兼容等其他的双核浏览器的兼容模式第十三页，共22页。Trident引擎基于Trident引擎的浏览器的特点:

优点：兼容性好

缺点：IE6、IE7、IE8及其容易崩溃，IE9,IE10需要升级操作系统第十四页，共22页。CSS的hackPresto内核@mediaalland(-webkit-min-device-pixel-ratio:10000),notalland(-webkit-min-device-pixel-ratio:0){head~body /*这里是hack代码*/ }第十五页，共22页。CSS的hackGecko内核@-moz-documenturl-prefix(){ /*这里是hack代码*/ }第十六页，共22页。CSS的hackWebkit内核@mediascreenand(-webkit-min-device-pixel-ratio:0){ /*这里是hack代码*/ }第十七页，共22页。CSS的hackTrident内核：IE6、IE7、IE8、IE9、IE10#abc{background:#f00\9;/*所有IE，这里设置为最顶级，默认为IE9*/ background:#93C\0/IE8+9;/*ie8*/ +background:#008AE0;/*ie7*/ _background:#090;/*ie6*/}/*IE10*/@mediascreenand(-ms-high-contrast:active),(-ms-high-contrast:none){/*这里是hack代码*/}注：IE9+的特殊写法“:root”。如：:root#abc{background:#f00;}专用于IE9和IE10.第十八页，共22页。应用怎么开发出兼容性好的应用？答案只有一个：多个平台测试从IE6到IE10，然后各大主流浏览器（360安全浏览器、360极速浏览器、MozillaFirefox、Opera、QQ浏览器、Safari、傲游云浏览器、百度浏览器、谷歌浏览器、猎豹浏览器、世界之窗、搜狗高速浏览器）都测试。其实只测试除IE外的其他3大内核引擎代表（webkit的谷歌浏览器，gecko的MozillaFirefox，Presto的Opera）即可。怎么让电脑上能安装IE6到IE10这5个浏览器呢？

第十九页，共22页。测试环境的搭建IETEST

这个软件继承了ie6,ie7,ie8，firefox2,firefox3,firefox3.5,safari3,safari4,chrome,opera10,opera9等各种浏览模式。简单就可以切换。缺点：有时候一些效果和在纯的IE版本上有区别。IE10 IE9和IE10有开发人员工具，可以选择各种兼容模式浏览。缺点：有时候一些效果和在纯的IE版本上有区别。虚拟机（VMwareWorkstati