前言
Chrome 65 中的開發(fā)者工具將包含以下新功能：
本地替換
新的無障礙工具
更改標(biāo)簽頁
新的搜索引擎優(yōu)化 (SEO) 和性能審核
Performance 面板中的多個(gè)錄制內(nèi)容
使用 worker 和異步代碼執(zhí)行可靠的代碼單步調(diào)試
本篇文章主要學(xué)習(xí)與實(shí)踐下本地替換這個(gè)功能
提示：以下是本篇文章正文內(nèi)容，下面案例可供參考
一、本地替換（local override）能干啥？
簡單的概括下，部署上線的網(wǎng)站，打開后我們可以用本地的資源覆蓋網(wǎng)站指定的圖片資源，Css樣式，Js代碼，Api請(qǐng)求。刷新瀏覽器后，優(yōu)先走本地的資源，達(dá)到調(diào)試線上部署好的網(wǎng)站的目的。
二、以CSDN為例 實(shí)踐一波
-
1.F12 打開要調(diào)試的網(wǎng)站。
-
2.在source Tab 找到 override 功能，select a folder 選擇一個(gè)存在本地資源的目錄
-
3.第一次弄時(shí)，會(huì)彈出是否允許寫入的權(quán)限驗(yàn)證，我們點(diǎn)擊Allow (允許)
進(jìn)行上述3步后，準(zhǔn)備工作就差不多了（前提條件Chrome 瀏覽器版本 Chrome 65 ，沒有這個(gè)功能，可以更新下Chrome瀏覽器）
替換圖片資源
在network，找到想替換的圖片資源，右鍵打開選擇 **Save for override ** 保存一份到本地覆蓋
在override 下面就可以看到多一個(gè)項(xiàng)目文件名的圖片，替換這個(gè)圖片，然后刷新瀏覽器
替換調(diào)試的圖片，然后再次刷新
發(fā)現(xiàn)替換成功
類似以上操作還可以替換js資源，css資源。達(dá)到調(diào)試js代碼，css代碼的目的文章來源：http://www.zghlxwxcb.cn/news/detail-792296.html
總結(jié)
簡單介紹了Chrome 65的新特性，其中實(shí)現(xiàn)了本地替換的功能，而且用圖片資源簡單試驗(yàn)了一下，詳情資源傳送門：
官網(wǎng)詳細(xì)描述文章來源地址http://www.zghlxwxcb.cn/news/detail-792296.html
到了這里，關(guān)于前端本地覆蓋資源(local override)調(diào)試的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
