工具/原料
chrome浏览器 Mozilla firefox 电脑
方法/步骤
1、以chrome为例，首先打开需要调试的页面，按F12快捷键打开调试工具。
2、选择指定的dom节点进行查看和编辑。
3、js断点调试：chrome非常强大，在chrome调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：我先写一段简单的js代码：function debug(){for (var i=0i<10i++){alert(i)}调试截图如下：
4、js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，以下是页面打开后所有发起的请求。
需要先配置一个调试的服务器，如果会需要安装对应的浏览器插件配合使用1. 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。2. 运行WebStrom，创建一个web project。3. 修改index.html文件如下：<!DOCTYPE html> <html> <body><p>JavaScript 能够直接写入 HTML 输出流中： </p><script>cars=["BMW","Volvo","Saab","Ford"]for (var i=0i<cars.lengthi++){document.write(cars[i] + "<br>")} </script><p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p></body> </html> 4. 设置断点，选择index.html文件，从右键菜单打开debug。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）