js调试的5种必要调试技术
1。调试器;正如我前面说过的,您可以在Javascript代码中添加一个调试器来手动创建断点效果。
你需要一个有条件的断点吗你只需要用if语句包围它:
复制代码代码如下:如果(发生了一件事){
调试器;
}
但记住在程序发布前删除它们。2。当DOM节点发生变化时,设置触发断点。
有时你会发现DOM不在你的控制之下,而且会有一些奇怪的变化,很难找到问题的根源。
谷歌浏览器的开发工具有一个非常好的功能来处理这种情况,叫做中断……你可以在DOM节点上通过右键看到这个菜单项。
断点的触发条件可以设置为删除,节点的属性有任何变化,或者其子节点的变化。
三.Ajax断点
XHR断点,断点或AJAX,就像他们的名字,让我们设置一个断点触发Ajax调用发生时的特征。
当调试Web应用程序的网络传输时,这是非常有效的。
4。移动设备仿真环境
有一些非常有趣的工具来模拟谷歌浏览器中的移动设备,帮助我们调试移动设备中的程序运行。
找到它的方法是:按F12开发者工具,拨出,然后按ESC键(当前标签无法控制台),你会看到第二级调试窗口出现,还有各种模拟设备在仿真选项卡。
当然,这不会成为真正的iPhone,只是模拟iPhone的大小、触摸事件和浏览器的用户代理值。
5。使用审计改进你的网站
YSlow是一个伟大的工具,也有在谷歌浏览器的开发者工具的一个非常类似的工具,称为审计。
它可以快速审计你的网站,给你一个非常实用和有效的方法来优化你的网站。
还有其他的事情吗
如果没有这些工具,我不知道如何开发它。我还会写更多关于这个技能的东西。一旦我发现了,请注意我的最新文章。