leyteris 发表于 2013-1-29 09:36:58

IETester整合Firebug集成测试

对于系统中一个IE6 UI显示中的bug实在有点无语~~操家伙~~PS:以前对于IE6BUG都直接硬调还是能调出来的,这次的BUG调了好久,IE6就是显示有问题,无奈~~
这里有一种比较好的IE调试的工具IETester。。。相信一般前端工程师都知道,那就把它结合FireBug来强强联手吧~~
这里需要安装一个Debugbar软件,以前还真没装过。。。在这里下载:http://files.cnblogs.com/golbz/install-debugbar-v5.2.2.zip
 
然后在脚本栏中填入以下代码:
var s = document.createElement("script");s.src = 'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js';s.type="text/javascript";if(document.all){   s.onreadystatechange = function(){    if(this.readyState == "loaded" || this.readyState == "complete"){   alert("loaded success in ie");    }   }} else {   s.onload = function(){    alert("load success");   }}document.body.appendChild(s);  这里的脚本作用就是从firebug官网上下载js版本的fb
接着初始化:
 
firebug.init(); 就可以看到如图效果了~~

http://dl.iteye.com/upload/attachment/430080/bce69c27-677b-3e49-86de-30e18af6a922.jpg
 
讲到这就能够在非装有IE6的主机中测试了~~
 
还有一种方法比较简单,把下面的代码收藏放入收藏夹:
 

javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='https://getfirebug.com/firebug-lite.js';d.body.appendChild(s);})();void(0);原理是一样的~~比原生的IE调试强的多  
顺便再推荐一个测试软件:SuperPreview,适合比较块大小~~
页: [1]
查看完整版本: IETester整合Firebug集成测试