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

1. debugger：

我以前也说过，你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。

需要带有条件的断点吗？你只需要用if语句包围它：

if (somethingHappens) {
debugger;
}

复制代码

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

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

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

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

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

3. Ajax 断点

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

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

4. 移动设备模拟环境

谷歌浏览器里有一些非常有趣的模拟移动设备的工具，帮助我们调试程序在移动设备里的运行情况。

找到它的方法是：按F12，调出开发者工具，然后按ESC键(当前tab不能是Console)，你就会看到第二层调试窗口出现，里面的Emulation标签页里有各种模拟设备可选。

当然，这不会就变成了真正的iPhone，只是模拟了iPhone的尺寸，触摸事件和浏览器User Agent值。

5. 使用Audits改进你的网站

它可快速的审计你的网站，给你提出非常实际有效的优化你的网站的建议和方法。

来源： http://bbs.html5cn.org/thread-84749-1-1.html

JavaScript程序员必备的5个debug技巧相关推荐

广州蓝景分享—程序员必备的3个JavaScript插件,让你的视频更实用
今天,广州蓝景小编跟大家分享一些干货,程序员必备的3个JavaScript插件,让你的视频更实用. 下面就从这篇技术文章开始,我倾向于利用以图形交换格式 (GIF) 格式编码的屏幕截图,以尽可能减少额 ...
「编程羽录」上线，程序员必备的这些技能你能get到嘛？
大家好,我是小羽. 好久不见,给大家带来个好消息,小羽的全新专题「编程羽录」系列正式上新,主要是介绍一些关于面试题和经验总结的文章. 会为大家提供一些技术栈之外,程序员还需要的其他方面硬核知识,做到全 ...
看了以后大呼过瘾的程序员必备网站，速速收藏！
程序员必备的网站,网络上一搜一大把,动辄几十个甚至一百个,虽说大多数网站也都是实用的,但数量庞杂未免让人眼花缭乱. 这里我就只挑选精华,只挑选出程序员必备的8个网站,服务于程序员的工作&生活的 ...
程序员必备基础：如何安全传输存储用户密码？
前言我们开发网站或者APP的时候,首先要解决的问题,就是「如何安全传输和存储用户的密码」.一些大公司的用户数据库泄露事件也时有发生,带来非常大的负面影响.因此,如何安全传输存储用户密码,是每位程序员 ...
Java 程序员必备的 15 个框架，前 3 个地位无可动摇！
2019独角兽企业重金招聘Python工程师标准>>> Java 程序员方向太多,且不说移动开发.大数据.区块链.人工智能这些,大部分 Java 程序员都是 Java Web/后端开 ...
python开发工具排名-Python程序员必备的四款开发工具
原标题:Python程序员必备的四款开发工具每一位Python程序员都会有套工具来应对开发工作上的挑战.多年来,Python程序员使用开发工具来完成他们的工作.有很多工具对他们是有用的,不过对于初入 ...
python界面开发工具免费_Python程序员必备的四款开发工具
原标题:Python程序员必备的四款开发工具 Python自学与交流中心QQ群:260308621 大家今晚利用1个小时看python基础视频教程 23-27节 ,自己监督自己.跟着学习哈!一定要做到 ...
计算机的发展英语600词,程序员必备的600个英语词汇
对于时刻需要和国际接轨的码农们,英语的重要性是毋庸置疑的.尤其是那些胸怀大志的潜在大牛们,想在码农行业闯出一片天地,秒杀身边的小弟们,熟练掌握英语更是实现其目标最关键的因素之一.否则,试想在你捧着某出 ...
Python程序员必备的四款开发工具
每一位Python程序员都会有套工具来应对开发工作上的挑战.多年来,Python程序员使用开发工具来完成他们的工作.有很多工具对他们是有用的,不过对于初入行的人员来说,寻找合适的开发工具是困难的,并且 ...

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

JavaScript程序员必备的5个debug技巧相关推荐

最新文章

热门文章