如何进行html调试和js脚本调试

工具/原料

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请求，以下是页面打开后所有发起的请求。

html运行方法：选择文件夹、建立HTML文件、运行HTML文件。

1、选择文件夹

首先，在电脑某一位置创建一个文件夹，创建完成后回到VS Code在“文件”中找到“打开文件夹“选中并打开你刚刚创建的文件夹。

2、建立HTML文件

打开文件夹后，便可建立HTML文件了，建立过程如下，但要注意的是：文件的后缀名一定要写且为.html输入完名称后按下回车即文件创建成功。

3、运行HTML文件

创建完HTML文件后，按！+tab键可以生成HTML文件标准格式，之后输入你想在浏览器中呈现的内容，写完单击鼠标右键在属性框内点击open in（default）broswer即可在浏览器中运行啦！

Visual Studio Code介绍

Visual Studio Code（简称 VS Code / VSC）是一款免费开源的现代化轻量级代码编辑器，它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。