浏览器调试

一.有关Sources

     1.最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。

Sources Panel 的左边是内容源，包括页面中的各种资源。其中，又分 Sources 和 Content scripts。

     2.Sources就是页面本身包含的各种资源，它是按照页面中出现的域来组织的，这是我们要关注的。异步加载的 js 文件，在加载后也会出现在这里的。

     3.Contentscripts 是 Chrome 的一种扩展程序，它是按照扩展的ID来组织的，这类扩展实际也是嵌入在页面中的资源，它们也可以读写DOM。

条件断点：在断点位置的右键菜单中选择“EditBreakpoint...”可以设置触发断点的条件，就是写一个表达式，表达式为 true 时才触发断点。

   执行选择的代码

在断点调试时，可以用鼠标选择想要查看的变量或表达式，然后右键菜单执行“Evaluate in Console”，就可以看到该表达式的当前的值了。

 

二.临时修改JavaScript 代码

通常我们在调试代码时习惯：修改代码→刷新页面→重新检查，这么一个循环。但其实 Chrome 中可以临时修改 JS 文件中的内容，保存（Ctrl+S）就可以立即生效，结合 Co