|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
但他也直言说,这就像写软件时,在添加改善的新功能时,难免遭遇稳定性的问题,必须先把问题清除干净,才能推出新产品。网页制造Poluoluo文章简介:IE6最终备忘单――对IE6独自兼容.
原文:UltimateIE6Cheatsheet:HowToFix25+InternetExplorer6Bugs
翻译:http://www.vfresh.org/w3c/727(译文对原文举行了增补)
兼容IE6的第一步就是独自对IE举行兼容,你针对IE6所写的代码只影响IE6;有几种办法能够辨别开IE6:IE特有前提正文、CSS选择器、JavaScript,我们将一一会商。
利用IE特有前提正文
微软给IE增加了前提正文以辨别分歧版本,任何器材都能够塞进前提正文里:标签、JavaScript、js文件、css、内联款式。可使用前提正文来针对某一个IE扫瞄器版原本编写代码。
划定规矩以下:(译注:可参考IE特有正文(hack))
运转代码框
这段笔墨会在一切扫瞄器显现<!--[iflteIE6]>这段笔墨仅显现在IE6及IE6以下版本。ThismessagewillonlyappearinversionsofInternetExplorerlessthanorequaltoversion6.<![endif]--><!--[ifgteIE6]>这段笔墨仅显现在IE6及IE6以上版本。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanorequaltoversion6.<![endif]--><!--[ifgtIE6]>这段笔墨仅显现在IE6以上版本(不包括IE6)。ThismessagewillonlyappearinversionsofInternetExplorergreaterthanversion6.<![endif]--><!--[ifIE5.5]>这段笔墨仅显现在IE5.5。ThismessagewillonlyappearinInternetExplorer5.5.<![endif]--><!--在IE6及IE6以下版本中加载css--><!--[iflteIE6]>
<![endif]-->这段笔墨会在一切扫瞄器显现
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
利用前提正文加载css的优点是这些款式是自力于其他css文件的,因而不会在编写兼容代码时弄得一团糟;并且当IE6的市场份额下降到不必要兼容时,能够疾速的清算失落。
利用前提正文的独一弱点是在IE扫瞄器下会增添分外的HTTP哀求数,以是必要衡量是不是如许做。但我不倡议利用前提正文加载内部js文件,由于js文件会形成停滞,在js未加载完之前其他文件都不会被加载;关于js请利用JavaScript程序来辨别扫瞄器而非前提正文。
利用CSS选择器辨别开IE6
假如你不盘算利用前提正文,CSS选择器是别的一个辨别开IE6的举措,IE6不撑持子选择器;先针对IE6利用惯例声名CSS选择器,然后再用子选择器针对IE7+及其他扫瞄器。
示例:
运转代码框
<styletype="text/css">/*IE6公用*/.content{color:red;}/*其他扫瞄器*/div>p.content{color:blue;}</style><div><pclass="header">SomeHeaderTextHere</div>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
这个办法的弱点是简单把款式表弄得一团糟,以是必定要写好正文申明。
在示例中,针对IE6写的款式在其他扫瞄器中也会实行,但(尺度扫瞄器中)以后的子选择器掩盖了之前的声名,而IE6不撑持子选择器以是疏忽了它。
扩大浏览:
- CSSBrowserCompatibilityChart
- MasterBrowserCompatibilityChart
利用JavaScript辨别开IE6
假如你想要利用JavaScript辨别开IE6,请看示例:
//原生JavaScript
if(typeofdocument.body.style.maxHeight==="undefined"){
alert(IE6Detected);
}
//MooTools(框架)
if(Browser.Engine.trident4){
alert(IE6Detected);
}
//jQuery(框架)
if(($.browser.msie)&&($.browser.version=="6.0")){
alert(IE6Detected);
}
扩大浏览:
- QuirksmodesBrowserObject
- MooToolsBrowserObject
- jQueryssupportutility
</p>
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。 |
|