怎么在chrome调试工具直接修改js代码?

JavaScript012

怎么在chrome调试工具直接修改js代码?,第1张

1、在元素标签上右键审查元素。

2、蓝色部分与红色箭头所指是选中的元素代码。

3、点击箭头所指的部位,打开控制台,如果js 异常会在这里显示相关信息。

4、按照箭头的顺序点击,在代码59行,打上断点。

5、点击箭头所指的位置,刷新页面。

6、js运行到断点的位置会暂停。

7、点击右侧箭头所指的位置,单步执行js代码。

8、鼠标放在变量上,可以查看变量的相关信息。

操作方法如下:

1、可以使用chrome浏览器来对js程序进行调试的,chrome内置了一个js的调试环境console。

2、打开的方法是,在打开浏览器后按f12打开开发者选项,选择其中的console选项即可。console环境是可以直接运行就是代码的