如何在 Safari 15 中控制网站着色

Question

在 Safari 15 中，发布了一项新功能，该功能可以对地址栏和选项卡栏进行着色以匹配当前网站标题的颜色。

我注意到这个新功能不适用于我之前创建的任何网站。这让我想知道。这个网站着色功能到底是如何工作的？我们可以使用

CSS

或

HTML

和

CSS

的组合来控制条形图的颜色吗？

Answer 1

在网上查了一下，我发现你可以在 HTML 中使用以下

<meta>

标签，因此设置地址栏的颜色：

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#ffffff">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#ffffff">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#ffffff">

来源

因此，要在 Safari 中获取颜色，

apple-mobile-web-app-status-bar-style

可能会起作用。

（我没有 Safari，所以我无法自己测试这个。我认为这会起作用）

Answer 2

您可以在 https://developer.apple.com/safari/了解如何执行此操作。

有些颜色是禁止的；他们不会工作。 了解更多