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的原创文章，尽在：“汪子熙”: