web前端開發(fā)基礎(chǔ)知識 如何利用Chrome的控制臺更改網(wǎng)頁里面的Javascript代碼并使得修改能夠生效?
如何利用Chrome的控制臺更改網(wǎng)頁里面的Javascript代碼并使得修改能夠生效?有三種方法使代碼生效:1。直接在“源”菜單中修改JS文件,復(fù)制粘貼到控制臺運(yùn)行;2。在控制臺中重新綁定事件方法,觸
如何利用Chrome的控制臺更改網(wǎng)頁里面的Javascript代碼并使得修改能夠生效?
有三種方法使代碼生效:
1。直接在“源”菜單中修改JS文件,復(fù)制粘貼到控制臺運(yùn)行;
2。在控制臺中重新綁定事件方法,觸發(fā)事件執(zhí)行方法;
3。打斷文件頭的點(diǎn),刷新頁面,執(zhí)行到斷點(diǎn),修改JS內(nèi)容,執(zhí)行生效。
F12修改頁面的源代碼里面的JS代碼為什么無法生效?
對于已經(jīng)執(zhí)行并且已知不會(huì)在頁面中再次執(zhí)行的代碼,直接在調(diào)試器中修改它是沒有用的。如前所述,即使保存,只要刷新頁面,JS的代碼內(nèi)容就會(huì)從緩存中取出,或者從服務(wù)器上重新請求執(zhí)行,但這并不意味著你不能修改它,例如,對于該頁面,一些事件觸發(fā)的代碼會(huì)在你修改保存后生效,前提是,首先,您不刷新頁面,其次,您可以在不刷新頁面的情況下執(zhí)行修改后的代碼(例如綁定事件)。
例如,在下面的段落中,我偶然發(fā)現(xiàn)了一個(gè)登錄頁JS并在其中添加了一個(gè)句子控制臺.log保存后,您可以在控制臺中看到修改結(jié)果的輸出。保存修改時(shí),chrome還會(huì)給出一個(gè)警告,提示修改后的文件沒有保存到文件系統(tǒng),即源代碼沒有被修改,表示修改后的文件沒有保存到文件系統(tǒng),即源代碼沒有被修改