What’s New In DevTools Chrome 65

local overrides

Local Overrides 允許您在 DevTools 中進(jìn)行更改，并在頁面加載期間保持這些更改。 以前，當(dāng)您重新加載頁面時(shí)，您在 DevTools 中所做的任何更改都會(huì)丟失。 本地覆蓋適用于大多數(shù)文件類型，但有幾個(gè)例外。

工作原理：

(1) 您指定 DevTools 應(yīng)保存更改的目錄。
(2) 當(dāng)您在 DevTools 中進(jìn)行更改時(shí)，DevTools 會(huì)將修改后的文件的副本保存到您的目錄中。
(3) 當(dāng)您重新加載頁面時(shí)，DevTools 提供本地的、修改過的文件，而不是網(wǎng)絡(luò)資源。

對(duì)遠(yuǎn)端文件無效，會(huì)收到警告消息：

Changes to this file were not saved to file system.

其他的局限性：

(1) DevTools 不會(huì)保存在 Elements 面板的 DOM 樹中所做的更改。 改為在“源”面板中編輯 HTML。

(2) 如果您在“樣式”窗格中編輯 CSS，并且該 CSS 的源是 HTML 文件，則 DevTools 將不會(huì)保存更改。 改為在“源”面板中編輯 HTML 文件。

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的Chrome 开发者工具 版本 65 新引入的 Overrides的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。