web前端开发基础知识 如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够生效？

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

有三种方法使代码生效：

1。直接在“源”菜单中修改JS文件，复制粘贴到控制台运行；

2。在控制台中重新绑定事件方法，触发事件执行方法；

3。打断文件头的点，刷新页面，执行到断点，修改JS内容，执行生效。

F12修改页面的源代码里面的JS代码为什么无法生效？

对于已经执行并且已知不会在页面中再次执行的代码，直接在调试器中修改它是没有用的。如前所述，即使保存，只要刷新页面，JS的代码内容就会从缓存中取出，或者从服务器上重新请求执行，但这并不意味着你不能修改它，例如，对于该页面，一些事件触发的代码会在你修改保存后生效，前提是，首先，您不刷新页面，其次，您可以在不刷新页面的情况下执行修改后的代码（例如绑定事件）。

例如，在下面的段落中，我偶然发现了一个登录页JS并在其中添加了一个句子控制台.log保存后，您可以在控制台中看到修改结果的输出。保存修改时，chrome还会给出一个警告，提示修改后的文件没有保存到文件系统，即源代码没有被修改，表示修改后的文件没有保存到文件系统，即源代码没有被修改

web前端开发基础知识 修改网页js chrome修改网页代码并保存

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。