如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够生效?

JavaScript013

如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够生效?,第1张

js代码在页面渲染的时候已经执行了,就是说从请求一个页面到完整看到一个页面之后,这个页面相关的js代码已经执行完毕,下次执行的时候依然是页面再次刷新加载的时候。\x0d\x0af12修改代码刷新后还是会变回原来的代码,再次执行的还是原来的代码。\x0d\x0a对于已经执行过的且已知在页面中不会再次执行的的代码,直接在debugger里修改是没有用的,即使保存了,但是只要一刷新页面,JS的代码内容是会重新从cache获取或者重新向服务器请求然后执行的,但是这不代表就是不能修改。\x0d\x0a比如对于那些通过事件触发的代码,当修改并保存以后,是会生效的,前提是第一没有刷新页面,第二可以在不刷新页面的前提下执行这段修改过的代码(比如绑定事件)。

其实很简单的,下面来看看具体的步骤吧:

一、首先打开火狐浏览器

二、找到想要进行调试的网页

三、如果你的火狐浏览器没有安装调试器的话,需要进行安装,就是下面那个蜘蛛图标

四、调试器的安装过程:

五、安装好调试器后,可以直接按F12,就会出现调试的界面

这样就可以了

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

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

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

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

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

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

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

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