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