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）模擬本地運行，具體步驟大致如下：