方法:1、按f12打開(kāi)“開(kāi)發(fā)者工具”-“source選項(xiàng)卡”,找到目標(biāo)文件;2、在本地創(chuàng)建空文件夾,并創(chuàng)建與目標(biāo)文件路徑一樣的文件結(jié)構(gòu);3、打開(kāi)“Overrides”選項(xiàng)卡,導(dǎo)入之前的文件夾;4、在“source選項(xiàng)卡”里寫(xiě)入代碼即可。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
有時(shí)候,我們需要去研究人家網(wǎng)站的運(yùn)行機(jī)制,這就免不了要在他們的前端腳本里插入一些調(diào)試代碼看看運(yùn)行效果。在chrome65以前,我們可以打開(kāi)目標(biāo)網(wǎng)頁(yè)的開(kāi)發(fā)者工具—source選項(xiàng)卡—目標(biāo)JS/CSS文件,然后在相關(guān)位置寫(xiě)入代碼保存后即可看到改動(dòng)后的效果。chrome65之后需要進(jìn)行本地代碼替換,本文就介紹一下如何在chrome中用本地代碼替換在線代碼,以達(dá)到在線修改JS的效果。
1、要確定待修改文件的網(wǎng)絡(luò)位置:
2、在本地創(chuàng)建一個(gè)空文件夾,名字隨意。
3、在上一步的空文件夾中創(chuàng)建和目標(biāo)文件路徑一模一樣的文件結(jié)構(gòu),這一步很關(guān)鍵。請(qǐng)注意,像示例中的xxx.com這種域名也需要?jiǎng)?chuàng)建對(duì)應(yīng)文件夾:
4、打開(kāi)Overrides選項(xiàng)卡,導(dǎo)入剛才的空文件夾,你會(huì)發(fā)現(xiàn)導(dǎo)入的目標(biāo)文件已經(jīng)處于激活狀態(tài):
刷新頁(yè)面,效果已經(jīng)有了:
這種修改方式是持久化的,也就是說(shuō),哪怕你關(guān)機(jī)重啟,再打開(kāi)目標(biāo)網(wǎng)頁(yè),替換效果依然存在,而且你在本地對(duì)目標(biāo)文件做的修改都會(huì)同步到頁(yè)面上,非常好用!
【推薦學(xué)習(xí):javascript高級(jí)教程】