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

Posted 2023-04-01

chrome可以使用“审查元素”功能实时编辑一个普通的网页的html代码，但是如果编辑的是javascript，则不会生效。请问有什么办法直接修改网页内的Javascript并重新加载(不是刷新网页)使得修改生效？

　　js代码在页面渲染的时候已经执行了，就是说从请求一个页面到完整看到一个页面之后，这个页面相关的js代码已经执行完毕，下次执行的时候依然是页面再次刷新加载的时候。
　　f12修改代码刷新后还是会变回原来的代码，再次执行的还是原来的代码。
　　对于已经执行过的且已知在页面中不会再次执行的的代码，直接在debugger里修改是没有用的，即使保存了，但是只要一刷新页面，JS的代码内容是会重新从cache获取或者重新向服务器请求然后执行的，但是这不代表就是不能修改。
　　比如对于那些通过事件触发的代码，当修改并保存以后，是会生效的，前提是第一没有刷新页面，第二可以在不刷新页面的前提下执行这段修改过的代码（比如绑定事件）。 参考技术A 在谷歌浏览器-检查-选择Source-找到服务器或者本地机器上的js文件，进入路径后，修改 参考技术B

Chrome控制台拦截浏览器source网页中的JS代码,修

如何利用chrome浏览器查看网站的响应速度

1、使用chrome浏览器打开百度首页，然后回车：
2、按下F12键
3、选择Network选项
4、按下F5键
5、就可以看到整个网页加载的次序，时间段，还有加载资源的大小等信息了。 参考技术A 使用chrome浏览器打开网站首页：
输入：网站域名，然后回车：
按下F12键：
选择Network选选：
再次按下F5键：
就可以看到下图，整个网页加载的次序，时间段，还有加载资源的大小等信息了。
不一样的网站显示的内容是不一样的
网站的内容的加载次序，和整个网页的布局结构有关系本回答被提问者采纳