javascript程序员必备的5个debug技巧

http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

  1. 使用debugger, 在代码中添加一个断点效果;如果是有条件的断点,可以和if一起使用;

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

    有时候DOM可能发生一些奇怪的变化,很难找出问题在哪chrome的开发工具里有一个功能,break on, 在dom节点右键就可以看到,触发条件可以选择 节点被删除 节点属性变化 子节点发生变化 

  3. ajax断点 XHR断点,或者ajax断点,在发生特定的ajax调用时来触发他们。 调试网络时很有用 

  4. 移动设备模拟环境 chrome的调试窗口有一个移动设备模拟,有各种尺寸的移动终端。 

  5. 使用Audits来改进网站 YSlow是一个非常棒的工具。谷歌浏览器的开发者工具里也有一个非常类似的工具,叫Audits。 它可快速的审计你的网站,给你提出非常实际有效的优化你的网站的建议和方法。 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值