iOS18下能否为Web Clips的apple-touch-icon提供深浅色及着色变体?
iOS 18 Web Clips 深色/浅色模式图标支持问题
iOS 18 正在引入新的应用图标配色变体。除浅色模式的基础图标外,开发者还可提供深色模式图标及着色选项(详见更新后的《人机界面指南》)。
![三个苹果应用图标展示配色变化:红底白音符、黑底红音符、黑底灰度渐变音符]
我希望为Web Clips(即通过「分享>添加到主屏」功能添加至主屏的网站)提供同样的图标选项。这类图标通常通过<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">代码设置。苹果Web相关文档有所欠缺,我能找到的唯一相关文章是2016年后未更新的旧文档。
我尝试在<link>标签上使用media属性——目前已支持为不同尺寸设置多个apple-touch-icon,但此方法无效(推测图标在添加主屏时仅下载一次,未识别media属性):
<link rel="apple-touch-icon" href="/apple-touch-icon-light.png" sizes="180x180" media="screen and (prefers-color-scheme: light)" > <link rel="apple-touch-icon" href="/apple-touch-icon-dark.png" sizes="180x180" media="screen and (prefers-color-scheme: dark)" >
请问该功能目前或iOS 18正式发布后是否受支持,只是我遗漏了相关文档?
内容的提问来源于stack exchange,提问作者Samir Zahran
相关产品推荐
相关产品推荐

