web编程之UI前段各个浏览器内核说明预案.ppt

WEB前端之浏览器 冯旭 定义 起源和发展 浏览器内核 CSS的Hack 应用 浏览器定义 网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。 它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。如：手机浏览器。 浏览器起源和发展 蒂姆·伯纳斯-李(Tim Berners-Lee）是第一个使用超文本来分享资讯的人，他于1990年发明了首个网页浏览器WorldWideWeb。 网景公司在1994年10月发布了他们的旗舰产品网景导航者。 1995年网景的优势就被削弱了。错失互联网浪潮的微软在这个时候匆促的购入了这项技术，改成Internet Explorer（IE），掀起了软件巨头微软和网景之间的浏览器大战。这同时加快了万维网发展。 网景公司以开放源代码迎战，创造了Mozilla，但 浏览器起源和发展 此举未能挽回Netscape的市场占有率。后来衍生出现在的Firefox 浏览器。 浏览器种类 浏览器内核有哪些？ 1.基于Gecko排版引擎 2.基于WebKit排版引擎 3.基于Presto排版引擎 4.基于Trident排版引擎 Gecko引擎 基于Gecko引擎的浏览器有： 1. Mozilla Firefox 常说的火狐浏览器，由网景公司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极速（双核） WebKit引擎 基于WebKit引擎的浏览器的特点: 优点：简洁，轻巧，扩展性强 缺点：内核内存占用比较大（浏览、启动都很快的牺牲） Presto引擎 基于Presto引擎的浏览器有： 1. Opera Presto引擎 基于Presto引擎的浏览器的特点: 优点：渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核 缺点：牺牲了网页的兼容性 Trident引擎 基于Trident引擎的浏览器有： 目前主流就是IE，以及其他双核浏览器。 IE6、IE7、IE8、IE9 、IE10、360兼容模式、QQ浏览器兼容等其他的双核浏览器的兼容模式 Trident引擎 基于Trident引擎的浏览器的特点: 优点：兼容性好 缺点：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){head~body /*这里是hack代码*/ } CSS的hack Gecko内核 @-moz-document url-prefix(){ /*这里是hack代码*/ } CSS的hack Webkit内核 @media screen and (-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*/ @media screen and (-ms-high-contrast: active)