0
点赞
收藏
分享

微信扫一扫

Chrome 开发者工具 版本 65 新引入的 Overrides

承蒙不弃 2022-02-28 阅读 70


​​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.


Chrome 开发者工具 版本 65 新引入的 Overrides_chrome

其他的局限性:

(1) DevTools 不会保存在 Elements 面板的 DOM 树中所做的更改。 改为在“源”面板中编辑 HTML。

(2) 如果您在“样式”窗格中编辑 CSS,并且该 CSS 的源是 HTML 文件,则 DevTools 将不会保存更改。 改为在“源”面板中编辑 HTML 文件。

更多Jerry的原创文章,尽在:“汪子熙”:

Chrome 开发者工具 版本 65 新引入的 Overrides_ide_02



举报

相关推荐

0 条评论