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

JavaScript015

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

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

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

一、首先打开火狐浏览器

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

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

四、调试器的安装过程:

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

这样就可以了