在F12調試界面中修改的JS代碼,是修改的“本地緩存文件”中的代碼,而不是存在於服務器上的網頁的真正代碼,網頁的真正代碼在瀏覽器中是無法修改的。
Chrome開發者調試工具(F12),可以在調試界面修改代碼(包括JS、HTML和CSS)模擬本地運行,具體步驟大致如下:
在需要修改的代碼段上方合理代碼行設置斷點;
按F5鍵刷新網頁,並等待網頁執行到斷點;
修改JS代碼或其它需要修改的代碼,修改後選擇單步執行或繼續執行即可。
通常,調試中修改無效,是因為網頁加載完成,其實就是運行已經完成了,修改代碼不會再次執行。