【问题标题】:How to disable Persistence with Chrome Dev tools?如何使用 Chrome 开发工具禁用持久性?
【发布时间】:2017-02-13 03:17:14
【问题描述】:

我正在使用 Chrome DevTools 并设置了我的 CSS 的持久性(我正在使用网站的本地副本,在 localhost 上运行),但现在我想将其关闭,以便每当我在元素选项卡中编辑任何内容,它不会自动保存更改。不幸的是,我找不到禁用它的说明(我发现的只是关于如何打开此功能或如何禁用缓存)。

这是一个很酷的功能,但我认为它可能会导致许多不必要的样式规则,这些规则是测试剩余的,并且在一段时间后很难摆脱它们。有时我会进行快速测试以查看不同样式的外观,我不希望保存这些更改,我也不想手动从 DevTools 中删除它们,我宁愿继续使用旧方法 - 预览,然后手动将所需的更改复制到我的文件中。

有没有办法从编辑时自动保存中删除文件?或者有没有办法完全关闭持久性模式?

【问题讨论】:

  • 单击 devtools 中的设置图标,然后转到工作区以编辑单个映射。不确定它是否算作答案:-)
  • 我只有“文件夹排除模式”设置。所以看起来它只是默认添加了 localhost 文件......我想为我的文件夹添加排除规则可能是解决这个问题的一种方法......但是我应该这样做吗?
  • 呃?有一个垃圾桶图标:puu.sh/rxOJK/9038167049.png
  • 我没有任何东西,除了排除模式输入。但是,我又试了一次,有一个弹出窗口询问在哪里保存更改,我单击取消,现在它不再询问,也不会将更改保存到我的文件中。所以问题就解决了,虽然我不太清楚我是怎么做到的,因为我确定我没有使用这个选项卡来删除文件夹......无论如何,谢谢你的帮助!

标签: google-chrome localhost google-chrome-devtools


【解决方案1】:

在 DevTools 中,转到 Sources 选项卡,然后右键单击出现在那里的网站文件夹并选择“从工作区中删除”。

刷新网站,Chrome 的所有行为都会和以前一样。

【讨论】:

    猜你喜欢
    • 2012-09-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-21
    • 1970-01-01
    • 1970-01-01
    • 2013-08-28
    • 1970-01-01
    相关资源
    最近更新 更多