如何在 Mac 上的 Safari 上使用自定义实时 CSS?

如何在 Mac 上的 Safari 上使用自定义实时 CSS?

要在 Safari 上使用 CSS,只需转到“首选项”->“高级”->“样式表”。

但请注意“居住“部分。我的意思是,能够即时编辑 CSS,无需退出 Safari然后再次打开。该链接提供了 2006 年的提示,似乎在 Safari 4 上不起作用,即使在更新句法

您是否知道其他有效的修复方法?

答案1

作为 NSD 答案的替代方法,在更改用户样式表后,从“开发”菜单中选择“禁用缓存”并刷新页面。这将强制重新读取用户样式表(在“首选项”中选择)。然后您可以重新启用缓存。

或者最简单的方法,从“首选项”中将样式表设置为“未选择”,然后返回到 CSS 文件。无需关闭对话框,甚至无需刷新页面!

答案2

开发 > 显示 Web 检查器 > 元素

如果你在高级偏好设置中启用了 Safari 的开发者工具,这将调出该工具:

勾选“在菜单栏中显示开发菜单”

它将允许你实时修改 CSS 定义和许多其他东西。但奇怪的是,它似乎没有以独特的方式公开用户设置的自定义样式表定义。

相关内容