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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何进行html调试和js脚本调试相关的知识,希望对你有一定的参考价值。

工具/原料

chrome浏览器   Mozilla firefox   电脑

方法/步骤

1、以chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具。

2、选择指定的dom节点进行查看和编辑。

3、js断点调试:chrome非常强大,在chrome调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):我先写一段简单的js代码:function debug()for (var i=0;i<10;i++)alert(i);调试截图如下:

4、js ajax调试,ajax技术如今越来越频繁使用,所以,ajax调试也必不可少:在chrome调试工具中,可以查看到当前页面所以的请求,包括ajax请求,以下是页面打开后所有发起的请求。

参考技术A 进行html调试和js脚本调试的方法:
1、在chrome中打开开发者工具,打开方式如下图,也可以使用快捷键F12来打开。

2、找到一个叫做“Sources”,点击它

3、可以在左侧侧栏的序号那些位置点击一下就设置成断点,当你要执行某个函数的时候浏览器就会自动进入调试模式了
参考技术B

已chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具如下:
在调试窗口中,所有的HTML元素都会呈现在调试窗口中

在VS中怎样调试JS代码

参考技术A 进行html调试和js脚本调试的方法: 1、在chrome中打开开发者工具,打开方式如下图,也可以使用快捷键F12来打开。 2、找到一个叫做“Sources”,点击它 3、可以在左侧侧栏的序号那些位置点击一下就设置成断点,当你要执行某个函数的时候浏览器就会自本回答被提问者采纳

以上是关于如何进行html调试和js脚本调试的主要内容,如果未能解决你的问题,请参考以下文章

如何调试写在 electron.js 文件中的脚本

firebug不能加载JS文件 ,无法进行JS脚本调试

如何使用chrome浏览器进行js调试找出元素绑定的点击事件

如何利用搜狗浏览器调试js

Chrome 调试AJAX请求返回的JS脚本

VSCode Node.js 调试配置 (npm 脚本启动)