更改/自定义 Safari 的 Web Inspector 字体

Posted 2023-02-27

【中文标题】更改/自定义 Safari 的 Web Inspector 字体

【英文标题】：Changing/customizing Safari's Web Inspector font

【发布时间】：2013-04-04 13:58:49

【问题描述】：

有没有办法自定义 Safari 的 Web Inspector 的字体大小？我在网上找到了这些链接并尝试了它们，但似乎不起作用：

https://gist.github.com/vlazar/1549785 http://miekd.com/articles/adding-some-monospace-to-the-safari-web-inspector/

如果这个问题没有解决方案，我可能会切换回 Chrome，因为他们甚至为自己的 Web Inspector 提供了缩放功能。 Safari 的 Web Inspector 字体对我来说太小了，我的眼睛因此受到影响。

我很高兴听到任何人可能拥有的变通办法或解决方案。

【参考方案1】：

在问这个问题的时候，改变缩放级别并不容易。

在最新版本的 WebKit 中，现在可以使用 ⌘– 和 ⌘+ 缩放 Web Inspector 界面。这应该适用于所有版本的 Safari Technology Preview。

无法通过用户界面更改字体，尽管在各种本地化中使用了备用字体。

【参考方案2】：

您链接的文章指的是早期版本的 Safari。对于版本 6，CSS 位于不同的位置，具体取决于您的操作系统版本。

对于 10.7.x：

/System/Library/StagedFrameworks/Safari/WebInspector.framework/Versions/Current/Resources/Main.css

对于 10.8.x：

/System/Library/PrivateFrameworks/WebInspector.framework/Versions/Current/Resources/Main.css

您需要 chmod 文件来编辑它（首先备份它）并且它是压缩的，所以使用可以美化 CSS 的工具是个好主意（我使用了 WebStorm）。

据我所知，我还没有确定文件中的主要内容区域字体大小类。如果我这样做了，我会告诉你（或者其他人会插话）。

【参考方案3】：

我最终在 Main.css 中搜索/替换了 'font-size:11px' 最多 14px。

【参考方案4】：

虽然这是一个非常古老的问题，但我想分享更简单的选择。

打开网页检查器

打开网页检查器的设置

转到“常规”标签

在这里您将看到“缩放”选项。将其更改为您感觉舒适的值，包括 UI 按钮在内的所有文本都会放大。