面试历程之First Blood(浏览器相关知识点)
2015-05-19 15:26
253 查看
web开发面试少不了的一点是浏览器兼容问题,下面是常见的浏览器的一点东西
IE浏览器:Trident(个人觉得名字挺难记的,还是直接简称ie内核好)
firefox浏览器:Gecko
chrome/safari浏览器:WebKit
opera浏览器:Presto
个人是做wap(手机触屏网站)开发的,接触的webkit是最多的。ie是真心的接触的不多,我们公司直接放弃了Winphone平台。各个内核的历史就不多介绍了,可以作为程序员的文化修养进行学习
说到这就不得不说浏览器的标准模式和怪异模式(或者混杂模式)。
我的理解就特别简单了:标准模式就是按照w3c的标准进行支持的模式(其实各个浏览器对标准模式的支持度也是不尽相同);怪异模式就是各自按各自的标准来支持的模式(有点闭门造车的意思)
文档类型的声明决定激活浏览器的何种模式
激活标准模式
<!DOCTYPE html>(这种写法我最喜欢,好省劲的说)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(其实标准模式还是有细分的,近似标准模式、标准模式、超级标准模式,,,有兴趣的可以自己研究一下)
那么问题来了,怎么在js代码中获取文档的模式呢(网上找的方法,测试有效)
alert("当前为"+(document.compatMode=="CSS1Compat"?"标准":"怪异")+"模式");//CSS1Compat 标准,BackCompat 怪异
IE浏览器:Trident(个人觉得名字挺难记的,还是直接简称ie内核好)
firefox浏览器:Gecko
chrome/safari浏览器:WebKit
opera浏览器:Presto
个人是做wap(手机触屏网站)开发的,接触的webkit是最多的。ie是真心的接触的不多,我们公司直接放弃了Winphone平台。各个内核的历史就不多介绍了,可以作为程序员的文化修养进行学习
说到这就不得不说浏览器的标准模式和怪异模式(或者混杂模式)。
我的理解就特别简单了:标准模式就是按照w3c的标准进行支持的模式(其实各个浏览器对标准模式的支持度也是不尽相同);怪异模式就是各自按各自的标准来支持的模式(有点闭门造车的意思)
文档类型的声明决定激活浏览器的何种模式
激活标准模式
<!DOCTYPE html>(这种写法我最喜欢,好省劲的说)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(其实标准模式还是有细分的,近似标准模式、标准模式、超级标准模式,,,有兴趣的可以自己研究一下)
那么问题来了,怎么在js代码中获取文档的模式呢(网上找的方法,测试有效)
alert("当前为"+(document.compatMode=="CSS1Compat"?"标准":"怪异")+"模式");//CSS1Compat 标准,BackCompat 怪异
相关文章推荐
- 面试历程之First Blood(浏览器相关知识点2)
- TCP/IP相关知识点与面试(1)
- aop相关知识点,面试易问。
- 面试相关知识点
- TCP/IP相关知识点与面试(2)
- 面试历程之Second Blood(作用域链相关)
- 【笔试面试知识点查缺补漏深入理解之C与C++篇】typedef相关知识点完全总结
- HashMap相关面试知识点
- 【数据结构——树】二叉树面试相关知识点总结(一)
- 面试相关知识点
- TCP/IP 相关知识点与面试题集(转)
- Fragment面试知识点相关
- 面试中遇到的final相关知识点-JavaGogo
- 枚举类型相关知识点(腾讯面试)
- Android 相关面试知识点整理
- 面试相关知识点(一)
- Java语言相关知识点,面试中鲜有人能说明白的问题
- C语言面试相关知识点
- Javascript中函数相关知识点3(面试必备)
- 面试总结及相关知识点汇总