首页 > 开发 > HTML > 正文

IE8开发人员工具的菜单讲解(2)

2020-09-18 22:14:40
字体:
来源:转载
供稿:网友

原文:
http://www.cnblogs.com/justinyoung/archive/2009/04/03/kaifarenyuangongju2.html

在上一篇文章 ie8“开发人员工具”使用详解上(各级菜单详解)  中,我们详细地讲解了ie8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了。而ie8开发人员工具更强劲的功能例如:如何测试版本兼容性、如何利用开发人员工具调试javascript脚本,以及如何利用探查器检测页面脚本函数效率等,我们将在本篇文章中讲解。小弟拙笨,此处仅为抛砖。

浏览器模式

应了《无间道》的那句话——“出来混,迟早是要还的!”。ie6种下的苦果,现在果然到了要咽下的时候了。当ie8发布的时候,他不得不面对着世界上成千上万“只有在ie6中才能正常显示”的页面。不发布ie8了吧,firefox和chrome又跟着后面抢蛋糕;不管那些“ie6 only”的页面吧,那浏览器出来还不被人骂死;让所有的站长都把页面重构吧,想想自己都要笑。唉,这可咋整呀。

唉,有了,咱采取一个手段,让用户自己去处理,如果他碰到了“ie6 only”页面,就让他自己手动处理一下,让浏览器还用老的渲染模式渲染页面,这虽然麻烦了一点用户,但是也不失是个办法。于是“浏览器模式”出来了。说白了,就是让用户选择当前页面用何种ie版本去渲染。

举个例子吧,顺便练习一下《ie的有条件注释详解》,核心代码如下:

<div id="divtest">
<!--[if ie 7]>
浏览器是ie7
<![endif]-->
<!--[if ie 8]>
浏览器是ie8
<![endif]-->
</div>

让我们来试试这个页面,在不同的浏览器模式下的显示效果吧:

对于普通用户,微软官方推荐的是这个玩意——兼容性视图按钮。

当然,对前端开发人员来说,这个工具主要用来测试页面多浏览器兼容性而已。但是非常遗憾的是:没有ie6模式。没有ie6的世界,虽然是一个美好的愿望,但是可惜的是:我们生活在现实之中,或许说生活在地狱中更确切。所以,我还是不得不提下面的两个工具——

ie多版本共存的解决方案——ietester
微软网页开发调试利器superpreview(附下载)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表