使用 Web 应用清单指定网站级主题颜色
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Chrome 在 2014 年为您的网站引入了主题颜色这一概念。主题颜色是来自您的网页的提示,用于告知浏览器使用什么颜色来为地址栏等界面元素着色。
例如,下面是应用和未应用主题颜色的同一网站。
主题颜色
问题在于,您必须在每个网页上定义主题颜色,并且如果您拥有的是大型网站或旧版网站,进行大量全站更改并不总是可行。
从 Chrome 46(2015 年 9 月 Beta 版)开始,向清单添加 theme_color
属性后,当用户从主屏幕启动网站时,系统会自动将该颜色应用于用户访问您网域中的每个网页。
如果您的网页已有主题颜色元标记(例如 <meta name="theme-color" content="#2196F3">
),则系统会使用网页级配置,而不是清单中的值。
只需将 theme_color
属性添加到清单中,然后指定 HTML 颜色即可。
"theme_color": "#2196F3"
如需亲自试用,请访问 Airhorner - 世界上最好的喇叭,并将其添加到您的主屏幕。或者,查看网站的清单文件。
常见问题解答
- 如果我的网站不是从主屏幕启动,是否也适用?
是的。
- 它是否会应用于我的整个网站,例如在用户只是浏览时?
目前不太可能,因为这样做意味着浏览器必须更频繁地下载清单,而清单目前是低优先级的资源。系统会在用户将网站添加到主屏幕时解析此属性。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2015-08-28。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2015-08-28。"],[],[]]