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

Question

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

我注意到这个新功能不适用于我之前创建的任何网站。这让我想知道。这个网站着色功能到底是如何工作的？我们可以控制条形图使用哪种颜色或和CSS的组合吗？HTMLCSS

Answer 1

在网上查了一下，我发现你可以<meta>在 HTML 中使用以下标签，因此设置地址栏的颜色：

<!-- 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，所以我无法自己测试这个。我认为这会起作用）