What’s New In DevTools Chrome 65

local overrides

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

工作原理：

(1) 您指定 DevTools 應保存更改的目錄。
(2) 當您在 DevTools 中進行更改時，DevTools 會將修改后的文件的副本保存到您的目錄中。
(3) 當您重新加載頁面時，DevTools 提供本地的、修改過的文件，而不是網絡資源。

對遠端文件無效，會收到警告消息：

Changes to this file were not saved to file system.

其他的局限性：

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

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

更多Jerry的原創文章，盡在：“汪子熙”:

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。