A. 在Chrome上面按F12修改页面的源代码里面的JS代码为什么无法生效
发机制不一样。JS是后期需要加入的。浏览器内置了一个JS解析引擎。直接改动dom和CSS浏览器会版重新渲染页面。
但是你改动JS是木有用的，默认浏览器载入页面源码会阻塞执行JS代码。当然你也可以绑定Click事件神马的，考事件去驱动程序。但权是木有修改源码介个事件。
因为页面样式可以被CSS和JS修改，改了尺寸就要重绘，但是JS是逻辑层不是展示层，不需要这个功能。
所以Chrome有浏览器扩展可以开发，但是改了JS还是需要重新载入。
B. Chrome的开发者工具修改JS区块不生效是怎么回事儿
在GoogleChrome浏览器中，按F12进入的是本地调试界面。
在F12调试界面中修改的JS代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的。
Chrome开发者调试工具（F12），可以在调试界面修改代码（包括JS、HTML和CSS）模拟本地运行，具体步骤大致如下：