首页
/ Userscripts项目中CSS元数据@match规则的正确用法

Userscripts项目中CSS元数据@match规则的正确用法

2025-06-19 20:02:05作者:傅爽业Veleda

在Userscripts项目中,开发者经常需要为特定URL应用CSS样式。一个常见的误区是试图在CSS元数据中使用正则表达式来匹配URL路径,这实际上是不被支持的语法。

CSS元数据块中的@match规则遵循特定的匹配模式语法,而不是完整的正则表达式。正确的做法是使用标准的匹配模式语法来指定目标URL。例如,要匹配包含"super-admin"路径的URL,应该这样编写:

/* ==UserStyle==
@name        Super Admin
@description 专为包含super-admin路径的页面设计的CSS样式
@match       *://*.website.com/super-admin
==/UserStyle==

这个匹配模式使用了星号(*)作为通配符,可以匹配任意子域名下的website.com域名的/super-admin路径。这种语法比正则表达式更简单但同样强大,能够满足大多数URL匹配需求。

对于更复杂的URL匹配场景,开发者可以考虑使用@include规则,但需要注意这个功能可能会在未来版本中被弃用。因此,建议优先使用@match规则来确保代码的长期兼容性。

理解这些元数据规则的区别和正确用法,对于开发可靠、可维护的用户样式脚本至关重要。采用标准化的匹配语法不仅能确保样式按预期应用,还能提高代码的可读性和可维护性。

登录后查看全文
热门项目推荐
相关项目推荐