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

WEB前端之浏览器冯旭•定义•起源和发展•浏览器内核•CSS的Hack•应用浏览器定义•网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。•它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。如：手机浏览器。浏览器起源和发展•蒂姆·伯纳斯-李(TimBerners-Lee）是第一个使用超文本来分享资讯的人，他于1990年发明了首个网页浏览器WorldWideWeb。•网景公司在1994年10月发布了他们的旗舰产品网景导航者。•1995年网景的优势就被削弱了。错失互联网浪潮的微软在这个时候匆促的购入了这项技术，改成InternetExplorer（IE），掀起了软件巨头微软和网景之间的浏览器大战。这同时加快了万维网发展。•网景公司以开放源代码迎战，创造了Mozilla，但浏览器起源和发展此举未能挽回Netscape的市场占有率。后来衍生出现在的Firefox浏览器。浏览器种类•浏览器内核有哪些？1.基于Gecko排版引擎2.基于WebKit排版引擎3.基于Presto排版引擎4.基于Trident排版引擎Gecko引擎•基于Gecko引擎的浏览器有：1.MozillaFirefox常说的火狐浏览器，由网景公司1998年成立的非正式组织Mozilla（谋智）运营。2.HotBrowser冲冠浏览器，由冲冠科技在云计算时代出品的一款云安全浏览器。3.CaminoCamino是一款由Mozilla发展出来的网页浏览器，专为MacOSX而设。Gecko引擎•基于Gecko引擎的浏览器的特点:优点：安全、稳定、浏览网页速度一般比但IE快缺点：启动的速度最慢WebKit引擎•基于WebKit引擎的浏览器有：1.Safari2.QQ3.傲游（双核）4.搜狗（双核）5.极速版世界之窗（双核）6.GoogleChrome7.360极速（双核）WebKit引擎•基于WebKit引擎的浏览器的特点:优点：简洁，轻巧，扩展性强缺点：内核内存占用比较大（浏览、启动都很快的牺牲）Presto引擎•基于Presto引擎的浏览器有：1.OperaPresto引擎•基于Presto引擎的浏览器的特点:优点：渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核缺点：牺牲了网页的兼容性Trident引擎•基于Trident引擎的浏览器有：目前主流就是IE，以及其他双核浏览器。IE6、IE7、IE8、IE9、IE10、360兼容模式、QQ浏览器兼容等其他的双核浏览器的兼容模式Trident引擎•基于Trident引擎的浏览器的特点:优点：兼容性好缺点：IE6、IE7、IE8及其容易崩溃，IE9,IE10需要升级操作系统CSS的hack•Presto内核@mediaalland(-webkit-min-device-pixel-ratio:10000),notalland(-webkit-min-device-pixel-ratio:0){head~body/*这里是hack代码*/}CSS的hack•Gecko内核@-moz-documenturl-prefix(){/*这里是hack代码*/}CSS的hack•Webkit内核@mediascreenand(-webkit-min-device-pixel-ratio:0){/*这里是hack代码*/}CSS的hack•Trident内核：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.应用怎么开发出兼容性好的应用？答案只有一个：多个平台测试从IE6到IE10，然后各大主流浏览器（360安全浏览器、360极速浏览器、MozillaFirefox、Opera、QQ浏览器、Safari、傲游云浏览器、百度浏览器、谷歌浏览器、猎豹浏览器、世界之窗、搜狗高速浏览器）都测试。其实只测试除IE外的其他3大内核引擎代表（webkit的谷歌浏览器，gecko的MozillaFirefox，Presto的Opera）即可。怎么让电脑上能安装IE6到IE10这5个浏览器呢？测试环境的搭建•IETEST这个软件继承了ie6,ie7,ie8，firefox2,firefox3,firefox3.5,safari3,safari4,chrome,opera10,opera9等各种浏览模式。简单就可以切换。缺点：有时候一些效果和在纯的IE版本上有区别。•IE10IE9和IE10有开发人员工具，可以选择各种兼容模式浏览。缺点：有时候一些效果和在纯的IE版本上有区别。•虚拟机（VMwareWorkstation）在电脑上安装虚拟机，在虚拟机装上各种系统来装配个浏览器（IE6-IE9即可），能准确无误的看到最终效果。缺点：多开虚拟机后很慢，经测试，IE6-IE8可以起开，IE9要单独开。谢谢！