debuger方法的使用
来源:互联网 发布:阿里云os电视应用 编辑:程序博客网 时间:2024/04/27 22:16
我一直使用printf调试程序,一般来说都是比较顺利,但有时候,你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用
1. debugger;
我以前也说过,你可以在JavaScript代码中加入一句debugger;
来手工造成一个断点效果。
需要带有条件的断点吗?你只需要用if
语句包围它:
复制代码 代码如下:
if (somethingHappens) {
debugger;
}
但要记住在程序发布前删掉它们。
有时候你会发现DOM不受你的控制,自己会发生一些奇怪的变化,让你很难找出问题的根源。
谷歌浏览器的开发工具里有一个超级好用的功能,专门可以对付这种情况,叫做“Break on…”,你在DOM节点上右键,就能看到这个菜单项。
断点的触发条件可以设置成这个节点被删除、节点的属性有任何变化,或它的某个子节点有变化发生。
3. Ajax 断点XHR断点,或Ajax断点,就像它们的名字一样,可以让我们设置一个断点,在特点的Ajax调用发生时触发它们。
当你在调试Web应用的网络传输时,这一招非常的有效。
4. 移动设备模拟环境谷歌浏览器里有一些非常有趣的模拟移动设备的工具,帮助我们调试程序在移动设备里的运行情况。
找到它的方法是:按F12,调出开发者工具,然后按ESC
键(当前tab不能是Console),你就会看到第二层调试窗口出现,里面的Emulation标签页里有各种模拟设备可选。
当然,这不会就变成了真正的iPhone,只是模拟了iPhone的尺寸,触摸事件和浏览器User Agent值。
5. 使用Audits改进你的网站YSlow是一个非常棒的工具。谷歌浏览器的开发者工具里也有一个非常类似的工具,叫Audits。
它可快速的审计你的网站,给你提出非常实际有效的优化你的网站的建议和方法。
还有其它的吗?没有这些工具,我不知道将如何开发。我还会写更多的关于这方面的技巧——一旦我有所发现,请关注我的最新文章。
0 0
- debuger方法的使用
- 使用 python IDLE 自带的 debuger 进行调试
- 高版本chrome安装flashplayer debuger后无法使用的问题
- ubuntu安装带debuger 的 FLASH 10 player
- 《BREW进阶与精通——3G移动增值业务的运营、定制与开发》连载之91——BREW debuger的使用
- JMS Debuger
- windows script debuger
- 卸载vmware debuger插件
- 卸载vmware debuger插件
- ADS AXD ---ARM DEBUGER
- ADS AXD ---ARM DEBUGER
- VSCODE配置C++ Debuger
- waitting for debuger
- VS2012的插件,可以编辑lua,高亮,自动完成等。BabeLua is a free lua editor/debuger (vs extension)
- win10安装flash ax debuger
- tiptop之r.d2+常用debuger command
- Eclipse一直进debuger模式时
- WIN10,QT找不到debuger,已安装VS
- 探索Java类的加载机制与初始化
- 最小费用最大流
- Volley中的PoolingByteArrayOutputStream
- Java设计模式之状态模式
- 转:2016年7款最佳 Java 框架推荐
- debuger方法的使用
- ffmpeg1.2的filter分析
- 卷积神经网络Step by Step(一)
- 欢迎使用CSDN-markdown编辑器
- Tomcat下WebSocket最大连接数测试
- SOA之路 -- 为什么Eureka比ZooKeeper更适合做服务发现与注册服务
- Android进阶之路
- 使用Git进行多人协作开发
- iOS UINavigationController 替换当前显示的ViewController,即先pop,立即再push