十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要为大家展示了“计算机网络中浏览器内核以及浏览器兼容的问题分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“计算机网络中浏览器内核以及浏览器兼容的问题分析”这篇文章吧。
成都创新互联公司主营监利网站建设的网络公司,主营网站建设方案,重庆App定制开发,监利h5成都小程序开发搭建,监利网站营销推广欢迎监利等地区企业咨询Rendering Engine,中文翻译过来名称很多,排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核。 用来渲染网页内容的,将网页的内容和排版代码转换为可视的页面,一个浏览器可能不止有一个内核。
(1)Trident(Windows)360 IE
(2)Gecko(跨平台)Mozilla Firefox、Mozilla SeaMonkey
(3)KHTML(Linux)Konqueror
(4)WebKit(跨平台)Apple Safari、Symbian系统浏览器
(5)Chromium(跨平台) Chromium、Google Chrome、SRWare Iron、Comodo Dragon
(6)Presto(跨平台)Opera
浏览器 | 内核 |
---|---|
IE、百度、世界之窗 | Trident |
chrome、opera | chromium或称Blink |
360、猎豹、2345浏览器 | IE+chromium |
Firefox | Gecko |
Safari | Webkit |
搜狗、遨游、QQ浏览器 | trident+webkit |
(1)Chakra
查克拉,IE9启用的新的JavaScript引擎。
(2)SpiderMonkey/TraceMonkey/JaegerMonkey
SpiderMonkey应用在Mozilla Firefox 1.0-3.0,TraceMonkey应用在Mozilla Firefox 3.5-3.6版本,JaegerMonkey应用在Mozilla Firefox 4.0及后续的版本。
(3)V8
应用于Chrome、傲游3。
(4)Nitro
应用于Safari 4及后续的版本。
(5)Linear A/Linear B/Futhark/Carakan
Linear A应用于Opera 4.0-6.1版本,Linear B应用于Opera 7.0~9.2版本,Futhark应用于Opera 9.5-10.2版本,Carakan应用于Opera 10.5及后续的版本。
(6)KJS
KHTML对应的JavaScript引擎。
(1)Trident/Gecko双核浏览器
(2)Trident/WebKit双核浏览器
现在国内最主流的“双核”浏览器基本都是这个架构,360极速浏览器、世界之窗浏览器极速版、傲游3搜狗浏览器3、QQ浏览器、枫树浏览器、快快浏览器、百度浏览器、阿云浏览器(后期版本)、太阳花浏览器,其中最奇葩的是傲游3。其它双核浏览器都是基于Chromium的,而傲游是基于WebKit的,但是偏偏又用的是V8引擎。
(3)Trident/Gecko/WebKit三核浏览器
目前能见的应该就是日本的Lunascape,Avant增加了WebKit内核之后也会归类到这里。说实话,Lunascape真的很难用,真的很奇葩。各个内核相对独立,外壳本身不够强化,稳定性不高,所以还不如用回单核浏览器。
对浏览器兼容问题,一般分,HTML,Javascript兼容,CSS兼容。 其中html相关问题比较容易处理,无非是高版本浏览器用了低版本浏览器无法识别的元素,导致其不能解析,所以平时注意一点就是。特别是HTML5增加了许多新标签,低版本浏览器有点影响时代进步啊
(1) 不同浏览器的margin和padding的默认设置差距大,使用*{margin:0px;padding:0px;}
(2)ie6、7和遨游里这个标签的高度不受控制,超出自己设置的高度.在此标签中加入overflow:hidden
(3)图片默认有间距,使用float
(4)盒子坍塌,父元素加入(overflow:hidden;)变成BFC元素
(5)字体大小在不同浏览器里不一致,使用line-height:14px;指定高度
(6)IE6 不支持 png 透明效果
(7)CSS Hack兼容性属性设置
HTML 篇
(1)样式兼容性问题
(2)怪异模式
怪异模式是没有遵守 W3C 规范的一种兼容模式,其中的 width 是包括 contentWidth, 左右padding, 左右border 在内的全部范围(height 也一样),类似于 box-sizing: border-box;,而且 table 的 font-size 不能从父元素继承。以下情况会触发浏览器怪异模式(Quirks Mode):
没写 DOCTYPE 触发怪异模式
在前加, IE6 下会触发怪异模式
在前加入, IE7进入怪异模式
前有任何非空字符,会在IE6 下会触发怪异模式
前有 XML ,在IE7 下不会触发怪异模式,但不能有其他非空字符
检查document.compatMode,可以查看浏览器工作在哪个模式:值BackCompat为怪异模式,值CSS1Compat为标准模式
(3)display:inline-block 元素间有间隙
(4)IE可能出现的文档样式短暂失效问题
以上是“计算机网络中浏览器内核以及浏览器兼容的问题分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。