脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JS firebug小技巧，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

实际上前端的发展与进步也离不开浏览器的支持，而对于开发人员来讲，浏览器最好的支持，就是对于debug的良好支持，甚至在某些后续接手的项目中，前端的debug甚至可以解决好多问题……不说了，都是泪啊！还是说下firefox下的firebug吧。虽然ff内置一个调试的功能，但是，感觉不完善，对于开发人员来讲，根本不够用，于是ff下还是推荐firebug，老牌的前端debug工具，好用！而IE、Chrome都有很不错的工具支持，基本够用，但是用惯了ff的我，还是坚挺在firebug下。

1、使用“debugger”关键字快速断点调试

正常如果我们想debugger下js代码，先进入“脚本”面板，然后找到要调试的js文件，最后在你需要调试的行，打上断点，最后刷新页面，如下图：

vcq9xNijv8THvs3Kx8q508OhsGRlYnVnZ2VyobG52Lz819a/7MvZts+147X3ytSjrL3T18XN+c/Cv7Shozxicj4K1NrE49KqtffK1LXEtPRC69DQx7DD5qOsvNPSu9DQobFkZWJ1Z2dlcjuhsaOsPGJyPgrIu7rzy6LQws/C0rPD5qGjts+1vbXjwcujocrHsrvKx7rct72x46OSXOPO3tDr1NnH0Lu7tb29xbG+o6zU2buo0MTLvNXSttTTprXEtffK1L3Fsb6jrNXiwO/O0sPh1rvQ6NKqvNO49mRlYnVnZ2VyO7y0v8mjrLfF0MSjrL3Fsb6yu7vhsai07aOstbHIu8Tj1f3Kvbeisry9xbG+tcTKsbryo6zO8bHYsNFkZWJ1Z2dlcju52Lz819bIpbX0xbahozxicj4KPC9wPgo8cD4KPHN0cm9uZz4yoaK/7MvZtqjOu9a4tqjq0LXEtPrC6zwvc3Ryb25nPjwvcD4KPHA+CrHIyOfO0tKqv+zL2baozru1vbXamTIy0NC1xLT6wuujrMTjv8nS1Mjnz8Ky2DF3oaM8YnI+CtTay9HL97/yyc/K5MjrobAjMTIyobGjrL7Nv8nS1NXStb3WuLao0NC1xLT6wuvBy6Oh1NrO0sv5yrnTw7XEZMLyZWJ1ZzEuMTIuONbQo6zT0snpvce1XMvRy/fAuNPQu9LJq7XEzsTX1sPoyvbLtcP3xbahozwvcD4KPHA+CjxzdHJvbmc+M6Gi1rvP1Mq+xvDX99PDtcRjc3PK9NDUPC9zdHJvbmc+PGJyPgo8L3A+CjxwPgrV4rmmxNzLtcq1u7CjrNT1w7TLtcTYo6zT0MqxuvK/tMbwwLSyu8THw7TNtL/gsMmjoTwvcD4KPHA+CtKqsrvIu9PSsuDSu7bRyb6z/brFo6y40L7109C148LSOAM8L3A+CjxwPgq1sbm00aG12tK7z+6hsL32z9TKvtOm08O1xNH5yr2hscqxo6zWu8/Uyr7G8Nf308O1xNH5yr2jrM60xvDX99PDtcTR+cq9u+Gxu7r2wtS19KOssrvU2c/Uyr61xKOottTT2mRlYnVn1eK49tGhz+6499PQwPux16Osv7S49sjLx+m/9qOpoaM8YnI+CjxpbWcgc3JjPQ=="/uploadfile/Collfiles/20140809/20140809090531150.jpg" alt="/">
4、如何查看hover的css属性
加了hover属性的容器，鼠标滑过，在HTML面板右侧会出现hover属性，但你移开就没有了，如果你希望在面板中保留hover属性，看下图：

选中“:hover”即可。

5、循环体内的特例调试

调试循环体，有个很杯具的地方，在循环内部打个断点，循环20次，会触发20次断点……这很愁人，影响调试效率，其实我们只需要调试循环第2次的情况。

右击断点处，会出现一个蓝色的弹出层，让你输入监控表达式，这时候输入i == 2，再按“F8”，你就会发现直接跳到第二次循环了。

6、向控制台输出日记消息

在你的代码上输出个“36ria.COM”，如下：
1. console.LOG("36ria.com');
2. console.error('36ria.com');
使用console.log的效率，个人觉得还是比原始的alert()来的高的，关键是console.log()不会中断程序执行。

7、利用命名行工具，快速定位对象

个人感觉这是最有用的功能之一。好多时候，通过这东西，立马就能看到想看的内容。

直接在命令行输入某个变量的变量名，可以在控制台看到其中详细的信息。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JS firebug小技巧全部内容，希望文章能够帮你解决javascript代码实例教程-JS firebug小技巧所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。