發(fā)機(jī)制不一樣JS是后期需要加入的瀏覽器內(nèi)置了一個JS解析引擎直接改動dom和CSS瀏覽器會重新渲染頁面但是你改動JS是木有用的，默認(rèn)瀏覽器載入頁面源碼會阻塞執(zhí)行JS代碼當(dāng)然你也可以綁定Click事件神馬的，考事件去驅(qū)動。

1打開所要修改的網(wǎng)頁，然后按下鍵盤上的“F12”，會出現(xiàn)一個源代碼頁面2然后點(diǎn)擊左上角的小箭頭，使其高亮3然后鼠標(biāo)選擇需要修改的內(nèi)容，下面會出現(xiàn)相對應(yīng)的代碼，如下4然后在代碼中鼠標(biāo)右鍵，選擇第一個的。

對于已經(jīng)執(zhí)行過的且已知在頁面中不會再次執(zhí)行的的代碼，直接在debugger里修改是沒有用的，就像樓上說的，即使你保存了，但是只要一刷新頁面，JS的代碼內(nèi)容是會重新從cache獲取或者重新向服務(wù)器請求然后執(zhí)行的，但是這不代表你。

在Google Chrome瀏覽器中，按F12進(jìn)入的是本地調(diào)試界面在F12調(diào)試界面中修改的JS代碼，是修改的“本地緩存文件”中的代碼，而不是存在于服務(wù)器上的網(wǎng)頁的真正代碼，網(wǎng)頁的真正代碼在瀏覽器中是無法修改的Chrome開發(fā)者調(diào)試。

頁面js是在頁面加載的時候載入內(nèi)存執(zhí)行的，你在瀏覽器中修改了，不刷新頁面是不生效的 一旦刷新了，你改的內(nèi)容也就沒了，所以頁面js的修改是不能在瀏覽器做的，必須修改服務(wù)器上的js文件，才能在瀏覽器中生效。