六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 71|回复: 0

IETester整合Firebug集成测试

[复制链接]

升级  40.67%

27

主题

27

主题

27

主题

秀才

Rank: 2

积分
111
 楼主| 发表于 2013-1-29 09:36:58 | 显示全部楼层 |阅读模式
对于系统中一个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(); 就可以看到如图效果了~~


 
讲到这就能够在非装有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,适合比较块大小~~
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表