chrome调试工具
2018-06-24 00:40:10来源：未知 阅读 ()
今天在调试bug的时候有一个需求，我需要知道我的代码中有哪些地方在修改body的style，然后我想到了DOM节点监听。
为body添加断点然后开始调试，但是现在的前端技术栈太复杂，即使打了断点也会跳进第三方包里。调用栈里有太多无关的js代码，妨碍调试。
所以你可以选中文件右击后，选择Blackbox script，这样调试的时候就会跳过该文件。
但这只适合引用第三方包很少的情况使用，如果文件过多你可以F1调出设置面板，然后在Blackboxing里面依据路径设置一个正则匹配，下面是只要不在src里的文件都加入黑盒。
当然这个正则不完全正确，但是已经能拦截大部分文件了。
其实大部分的bug可能看控制台更快，但是如果你遇到某些疑难杂症，用常规方法解决不了，用好这些调试工具，或许可以给你一些灵感。
我使用的chrome版本61.0.3163.100
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：Vue2 几种常见开局方式
- Javascript调试console对象的小技巧 2020-02-20
- Chrome Form多次提交表单问题的解决方法 2019-11-04
- 代码调试console对象的花式玩法 2019-08-14
- 想精通正则表达式 这几个正则表达式学习资料及工具你必须有! 2019-08-14
- vue应用调试工具 vue-devtools安装 2019-08-14
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
