关于Chrome浏览器调试技巧

发布时间：2019-02-20 06:51:32 所属栏目：Windows 来源：佚名

导读：写在前面：本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行。 alert 这个不用多说了，不言自明。 console 基本输出想必大家都在用 console.log 在控制台输出点东西，其实console还有其它的方法： console.log(打印字符串);//在控

15、快捷键：

快速定位到行：快捷键 Ctrl+O(Mac: CMD+O)，输入：行号:列号来进行定位
元素搜索：快捷键 Ctrl+F(Mac: CMD+F)，试试在搜索栏输入ID选择符或者类选择符就可以定位到元素啦

调试过程注意事项

1、避免记录引用类型

当记录对象或数组时，永远记得你在记录什么。记录原始类型时，使用带断点的watch表达式。如果是异步代码，避免记录引用类型。

var arr = [{ num: 0 }]; 
setInterval(function(){ 
console.log(arr); 
arr[0].num += 1; 
}, 1000);

关于Chrome浏览器调试技巧

这里，第一个属性中对象引用的值是不可靠的。当你第一次在开发者工具中显示这个属性时，num的值就已经确定了。之后无论你对同一个引用重新打开多少次都不会变化。

2、尽可能使用 source map。有时生产代码不能使用source map，但不管怎样，你都不应该直接对生产代码进行调试。

【责任编辑：庞桂玉 TEL：（010）68476606】
点赞 0

（编辑：鞍山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

5/5

首页