Edge 浏览器开发者工具本地覆盖，当我关闭开发者工具时不可见

Question

Though I describe here about edge-browser, this occurs even in chrome-browser

重现步骤

• You might have seen me as a developer,but I like customisation and fonts, one such font I got inspired now is quicksand

• 我下载并安装在我的电脑上，
• 我拍了一个简单的网站，wikipedia

网站的当前外观

• 现在我去边://settings/fonts,(in chrome chrome://settings/fonts)
• 并将sans-serif字体更改为Quicksand

网站的当前外观

• 如您所见，body字体发生了变化，只有标题字体有问题
• 我尝试更改 sans、standard、fixed-width 字体，但标题仍然没有改变
• 当我检查该网站时，我的猜测是正确的，它在 header:
中使用了一些自定义字体
• font-family: 'Linux Libertine','Georgia','Times',serif;
• 我打开了那个我用绿色下划线的文件 ...1
• 我将源选项卡中的覆盖文件夹设置为 C:\Users\nepto\OneDrive\Desktop\EdgeOverrides（如 docs 中所述）
• 现在从 step 1 继续，我添加到覆盖文件夹，如下所示

当前结构

• 现在我打开了那个本地文件 (C:\Users\nepto\OneDrive\Desktop\EdgeOverrides\en.wikipedia.org\longurls\load.php%3-fe414f3.php)
  在记事本中
• 现在按 Ctrl + H 我用 inherit 替换所有 3 次出现的 'Linux Libertine','Georgia','Times',serif 并保存它

当前外观

• 如上所示，我很高兴为 header
更改字体
• 即使我重新加载header的字体还是流沙

---

问题开始

• 现在我关闭开发者工具
• 还是一样的Quicksand字体！
• 但是当我现在重新加载时（关闭后）更改消失了，它失去了 Quicksand 字体
• 害怕，打开开发者工具，Quicksand字体又回来了
• 所以我喜欢的字体（Quick Sand）只有在开发者工具打开时才有效

Help me to make it work even if developer tools is closed

Answer 1

您没有遗漏任何东西，只是 F12 DevTools 关闭时无法让它工作。

服务器源代码决定网页在浏览器中的外观。 DevTools 仅用于测试和调试，它不能更改服务器源文件。 Override 函数只是覆盖代码而不更改服务器源代码。而且F12 DevTools中的所有功能只有在F12打开的情况下才能使用。这就是为什么当您关闭 F12 并刷新页面时它不再起作用的原因。