lIE8如何调试.docxVIP

IE8 如何调试 自己亲自使用心得:在想要调试的网页上按下f12快捷键，然后切换到调试模式。在想要调试的代码上加断点,然后点击启动调试，但是ie往往会提示:无法加载进程，该进程可能附加另一个...，点击确定，然后重新点击开始调试，刷新页面，然后即可。但是你要保证你调试的代码能够运行到。?一下是转载的关于ie调试的扩展功能:浏览器模式应了《无间道》的那句话——“出来混，迟早是要还的！”。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让我们来试试这个页面，在不同的浏览器模式下的显示效果吧——IE8开发人员工具之浏览器模式 对于普通用户，微软官方推荐的是这个玩意——兼容性视图按钮。当然，对前端开发人员来说，这个工具主要用来测试页面多浏览器兼容性而已。但是非常遗憾的是：没有IE6模式。没有IE6的世界，虽然是一个美好的愿望，但是可惜的是：我们生活在现实之中，或许说生活在地狱中更确切。所以，我还是不得不提下面的两个工具——IE多版本共存的解决方案——IETester微软网页开发调试利器SuperPreview（附下载） 文本模式说起“文本模式”这个名词，这又要回到渲染页面的3种模式了：诡异模式（Quirks mode，也有翻译为兼容模式、怪异模式的），标准模式（Standards mode），和几乎标准模式（Almost standards mode）。这是一个非常重要、但是很多人却比较模糊的概念。一两句话不太能说清楚，这样说吧——“页面的不同渲染模式，将直接影响页面的最终呈现效果”，也就是说，一个页面如果在这种模式下显示完美，但是在另外一种模式下可能就显示的一塌糊涂。而决定页面模式的是页面的!DOCTYPE属性。乖乖，这玩意太绕人了，还是直接上例子吧。最经典的就是对盒装模型的解释差异了。下面两个图，是相同页面，采用不同页面渲染模式的最终显示效果。页面很简单，只要一个div元素，然后随便设置一点高度、宽度、padding、margin就可以了。核心代码如下——style type=text/css#divTest{ background-color:red; padding:10px; margin:10px; width:100px; height:100px;}/stylediv id=divTest!--[if IE 7]浏览器是IE7![endif]--!--[if IE 8]浏览器是IE8![endif]--/divIE8开发人员工具之文本模式 从图片中，我们可以清楚的看到，红色div块的大小和位置，在不同的文本模式下，发生了明显的变化。关于文本模式的详细资料，我建议你看这篇文章《Quirks mode、Almost standards mode、Standards mode》。虽然是英文原版的资料，也绝对值得翻着字典看完。还有这篇视频教程中，我也有较为详细的介绍到，《“阿一web标准学堂”第4课》利用IE8开发人员工具调试JavaScript脚本重头戏来了。很多朋友梦寐以求的功能呀——JavaScript脚本调试。一直摆脱不掉FireFox，就是因为Firebug实在太好用。虽然利用VS这样航母级的软件也能进行JavaScript脚本的调试。但是，很多前台开发人员并不会为了一个JavaScript调试功能而去安装那种大家伙。所以对JavaScript的调试，IE的用户一直耿耿于怀。但是，现在终于可以平息了。因为IE8开发人员工具终于也有了小巧，却功能强大的JavaScript调试功能。不多说，直接上例子，这里就举一个简单到弱智的例子吧。核心代码如下：button onclick=test();Button/buttonscript type=text/javascript 1: function test(){ 2: test2(); 3: } 4: function test2