Question

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

Answer 1

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

Answer 2

Chrome 的F12调出的本地的调试台
只能从source里看到报错语句和报错类型，或是在console里看到之前在代码中用console.log()获取的值。
而不能直接做编辑修改代码，修改后也不会生效，那只是一份副本。
你需要打开编译器在相应位置做修改后再次运行。
不懂请追问，理解请采纳，O(∩_∩)O谢谢！

Answer 3

在Google Chrome浏览器中，按F12进入的是本地调试界面。 在F12调试界面中修改的JS代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的。 Chrome开发者调试工具（F12）