chrome调试常用技巧总结

1. 在source中查找某个js文件：Ctrl/Command+G,(tips:这种方法很恶心的是会在输入框中默认加了冒号)，ctrl+shift+f打开搜索，可以在所有source中搜索具体的代码和字符串，再也不用担心找不到js片段了

1. 在当前js文件中查找某个方法：Ctrl/Command+shift+O(这个很nice)
2.  blackbox... 调试时屏蔽JavaScript库代码。 确实很方便
   
3. 给没有jquery的网站暂时性加载上jquery

var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", 'http://cdn.bootcss.com/jquery/1.11.3/jquery.js');
document.getElementsByTagName("head")[0].appendChild(fileref);

在Element标签下，ctrl + f 搜索框里，可以用 css 选择器来查找。

1. Element标签中选中某个DOM，在console里输 $0 就能直接获取选中的DOM。$1~$9对应的是历史选择
   Audits 标签，run一下，就能给出一些网页的优化建议。

   5. 选择一个DOM元素，按下H键会隐藏元素 

在control 输入monitorEvents(document, ['click']),可以监听document的click。
在Element 中右键添加 Break on，可以用来查看节点被哪个脚本修改。
在source中，添加XHR breakpoints来拦截特定的异步请求。