在Chrome上面按F12修改页面的源代码里面的JS代码为什么无法生效

在Chrome上面按F12修改页面的源代码里面的JS代码为什么无法生效

谷歌浏览器(Google Chrome)开发调试详细介绍 很多Web前台开发者都喜欢这种浏览器自带的开发者工具，这对前台设计、代码调试很大帮助的。 Chrome浏览器得益于其优秀的V8解释器，javascript执行速度和内存占有率表现非常优秀。对于html+css+javasc

在google chrome浏览器中，按f12进入的是本地调试界面。 在f12调试界面中修改的js代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的。 chrome开发者调试工具（f12），可以在调试界面修改代码（包括js、html和css）模拟本地运行，具体步骤大致如下： 1. 在需要修改的代码段上方合理代码行设置断点； 2. 按f5键刷新网页，并等待网页执行到断点； 3. 修改js代码或其它需要修改的代码，修改后选择单步执行或继续执行即可。 通常，调试中修改无效，是因为网页加载完成，其实就是运行已经完成了，修改代码不会再次执行。