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

JavaScript016

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

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

首先使用一个有调试工具的的浏览器如:谷歌,火狐然后按f12 调出网页开发工具以谷歌举例选择sources标签点击左上角小箭头标志可以看到所有引用的js文件如果你定位了你需要改的js在控制台面板中可以直接修改此时会进入一个虚拟机状态VIM但是谷歌有sandbox机制会屏蔽用户对非本地源码的修改