工具/原料
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。
不会。html上传时支持断点续传，关闭浏览器或刷新浏览器后仍然能够保留进度，同时不会对文件带来影响。
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）