如题所述
æéå·¥å ·ææï¼ç«çæµè§å¨
æ¹æ³å¦ä¸ï¼
1ãæå¼ç«çæµè§å¨ï¼æF12é®è°åè°è¯å·¥å ·ã
2ãéæ©âè°è¯å¨âé项ï¼ç¶åéæ©éè¦è°è¯çJS代ç ï¼æ¥çå¨åéçä½ç½®å å ¥æç¹ã
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2019-03-18
在F12开发人员工具中进行调试
打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。
如果你打开的时候没有固定在网页底部，可以点击右上角菜单栏中的按钮来完成。
我们看到在这个工具窗口里面有几个标签页，分别是：HTML、CSS、控制台、脚本、探查器和网络，点开每一个标签，可以执行相应的任务。
在HTML标签窗口中，工具栏中的按钮所执行的操作如下图：
CSS标签是用来查看样式的；控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。
我在图中用黄色矩形选中连个控件，左侧的下拉列表用来选择文件，右侧的按钮用来启动调试。当点击启动调试后，调试程序会将窗口最大化，我们在选中的文件中找到需要调试的位置，点击左侧边栏添加断点即可进行调试。
当有程序运行到我们的断点处时，就可以进行调试了。
在这里，我们可以使用快捷键进行操作，常用的快捷键如下：
F9：添加/移除 断点
F10：逐过程，即跳过该语句中的方法、表达式等
F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试本回答被网友采纳
打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。
如果你打开的时候没有固定在网页底部，可以点击右上角菜单栏中的按钮来完成。
我们看到在这个工具窗口里面有几个标签页，分别是：HTML、CSS、控制台、脚本、探查器和网络，点开每一个标签，可以执行相应的任务。
在HTML标签窗口中，工具栏中的按钮所执行的操作如下图：
CSS标签是用来查看样式的；控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。
我在图中用黄色矩形选中连个控件，左侧的下拉列表用来选择文件，右侧的按钮用来启动调试。当点击启动调试后，调试程序会将窗口最大化，我们在选中的文件中找到需要调试的位置，点击左侧边栏添加断点即可进行调试。
当有程序运行到我们的断点处时，就可以进行调试了。
在这里，我们可以使用快捷键进行操作，常用的快捷键如下：
F9：添加/移除 断点
F10：逐过程，即跳过该语句中的方法、表达式等
F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试本回答被网友采纳
第2个回答 2018-06-27
首先打开需要调试的页面,按F12快捷键打开调试工具如下：
在调试窗口中，所有的HTML元素都会呈现在调试窗口中
如何选择指定的dom节点进行查看和编辑：
js断点调试：firefox非常强大，在firefox调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：
我先写一段简单的js代码：
function debug(){
for (var i=0;i<10;i++){
alert(i);
}
js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：
在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，本回答被网友采纳
在调试窗口中，所有的HTML元素都会呈现在调试窗口中
如何选择指定的dom节点进行查看和编辑：
js断点调试：firefox非常强大，在firefox调试工具栏中，你可以进行js断点调试以及格式化查看（一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲）：
我先写一段简单的js代码：
function debug(){
for (var i=0;i<10;i++){
alert(i);
}
js ajax调试，ajax技术如今越来越频繁使用，所以，ajax调试也必不可少：
在chrome调试工具中，可以查看到当前页面所以的请求，包括ajax请求，本回答被网友采纳
