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

Question

在 Safari 15 中，发布了一项新功能，可以为地址栏和标签栏着色以匹配当前网站标题的颜色。
我注意到这个新功能在我之前创建的任何网站上都不起作用。这让我感到奇怪。这个网站着色功能究竟是如何工作的？我们可以使用 CSS 来控制条形图的颜色吗？或 HTML 的组合和 CSS ?

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">

Source
所以要在 Safari 中获取颜色， apple-mobile-web-app-status-bar-style可能会起作用。
(我没有 Safari，所以我无法自己测试。我认为这会奏效)