ie6,7 js 调试工具 firebug lite 兼容chrome

张映 发表于 2012-10-23

分类目录: nodejs/vue/js/jquery

标签:, , , ,

做开发,调试js一开始的时候都是用firefox的插件firebug,后来用chrome比较多。报错提示明确,浏览器中就可以写JS和测试JS,非常方便,chrome的自带的调试工具也非常好用,我觉得比firebug还好用一些。IE9也有自带的调试工具,也还行,不过感觉不太习惯。IE6,7没有这些调试工具,调试JS代码的时候就比较烦了。推荐一个插件firebug lite,可以在ie6,7中调试JS,根firebug差不多,不过功能少了一些。

测试的html代码

<html>
<head>
<script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script>
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body style="text-align:center;">
    <div class='test'>
         测试
    </div>
</body>
</html>

firebug lite不光可以ie6,ie7下面用还可以在ie8,ie9,chrome下面,在浏览器的右下角会多出一个firebug的图标。ie9和chrome调用开发者工具的快捷键会被劫持,F12和ctrl+alt+c都会被劫持。如果你想用自带的调试工具,只有从菜单栏,手动点了才行。

chrome firebug lite

chrome firebug lite

用firebug lite在ie7下调试

firebug lite ie7 调试

firebug lite ie7 调试



转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/1471.html