JS调试必备的debug调试javascript技巧

1. debugger;

我以前也说过，你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。
需要带有条件的断点吗？你只需要用if语句包围它：

复制代码 代码如下:
if (somethingHappens) {

  debugger;

}

但要记住在程序发布前删掉它们。

2. 设置在DOM node发生变化时触发断点

有时候你会发现DOM不受你的控制，自己会发生一些奇怪的变化，让你很难找出问题的根源。

谷歌浏览器的开发工具里有一个超级好用的功能，专门可以对付这种情况，叫做“Break on…”，你在DOM节点上右键，就能看到这个菜单项。

断点的触发条件可以设置成这个 节点被删除、节点的属性有任何变化，或它的某个子节点有变化发生。

3. Ajax 断点

XHR断点，或Ajax断点，就像它们的名字一样，可以让我们设置一个断点，在特点的Ajax调用发生时触发它们。

当你在调试Web应用的网络传输时，这一招非常的有效。

技术交流QQ群：15129679

最新文章

  1. MySQL 系列（一） 生产标准线上环境安装配置案例及棘手问题解决
  2. Redhat6.4下安装Oracle10g
  3. c#获取当前应用程序所在路径
  4. react实现的tab切换组件
  5. java高新技术-反射
  6. Flink 剖析
  7. C#winform设置DateTimePicker的时间格式
  8. selenium webdriver 学习笔记(二)
  9. 用sudo命令无法读取环境变量
  10. 三、SolrCloud的搭建
  11. 在VCS仿真器中使用FSDB
  12. Oracle EBS R12文件系统结构（学习汇总网上资料）
  13. ext.net gridlist选择内部元素时自动选择所在行
  14. (并发编程)进程池线程池--提交任务2种方式+（异步回调)、协程--yield关键字 greenlet ,gevent模块
  15. python 自然语言处理（三）____条件频率分布
  16. 我理解的BFC(块级格式化上下文)
  17. HTTP 请求头 Header
  18. Transformer-view java实体 转换视图 Lists.transform
  19. 读取地址C语言
  20. Recursion-687. Longest Univalue Path

热门文章

  1. STM32 Controller area network (bxCAN) Identifier filtering
  2. MyEclipse使用总结——设置MyEclipse使用的Tomcat服务器
  3. 使用 Android 的日志工具LogCat
  4. Arcgis for JavascriptAPI 常用接口
  5. iOS本地化应用程序
  6. 【IntelliJ IDEA】idea或者JetBrains公司所有编辑器，设置其软件的字体样式
  7. 高通与MTK瓜分天下?手机处理器品牌分析
  8. java.lang.IllegalArgumentException: No converter found for return value of type: class XXX.XXXX
  9. Android之防止反编译技巧
  10. 实用ExtJS教程100例-003：进度条对话框Ext.MessageBox.progress