如何更改Lollipop上最新Chrome版本的标题栏和地址栏的颜色？
Arp*_*bor 550 html android google-chrome
还没有找到关于这个主题的任何内容.我真的很喜欢在Overview上更改地址栏和标题颜色的颜色吗？有没有简单的方法来做到这一点？
.
我认为你需要Android 5.0 Lollipop才能工作,而Chrome的Merge标签和应用程序设置为On.
Arp*_*bor 758
经过一番搜索后找到解决方案.
您需要<meta>在<head>包含中添加标记name="theme-color",并将HEX代码作为内容值.例如:
<meta name="theme-color" content="#999999" />
- 谢谢.结帐还有html5rocks了解更多信息:http://updates.html5rocks.com/2014/11/Support-for-theme-color-in-Chrome-39-for-Android#disqus_thread (18认同)
- 真？我正在使用Marshmallow,"关闭应用程序的合并选项卡"设置已关闭,但地址栏仍然是彩色的.也许他们"修复了错误". (4认同)
- Chrome中是否有任何设置可禁用此功能？我无法忍受彩色地址栏.我只想要默认颜色. (3认同)
- 不一定需要是十六进制颜色,任何有效的CSS颜色都可以. (3认同)
小智 470
您实际上需要3个meta标签来支持Android,iPhone和Windows Phone
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">
- iOS`apple-mobile-web-app-status-bar-style`属性仅支持`black`,`black-translucent或`default` - 您不能使用自定义颜色. (39认同)
- **注意**:根据[Apple的开发笔记](https://developer.apple.com/library/iad/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html):"此元标记无效除非你首先指定全屏模式,如'apple-apple-mobile-web-app-capable`所述." (17认同)
- 如果你使用`black-translucent`它会使顶部条形透明,白色文字可能就是你想要的 (2认同)
Rav*_*xan 83
例如,将背景设置为您喜欢的/品牌颜色
将以下Meta属性添加到HEAD部分中的HTML代码
<head>
...
<meta name="theme-color" content="Your Hexadecimal Code">
...
</head>
例
<head>
...
<meta name="theme-color" content="#444444">
...
</head>
在下面的图片中,我刚才提到了Chrome如何采用您的主题颜色属性
Firefox OS,Safari,Internet Explorer和Opera Coast允许您为浏览器的元素定义颜色,甚至使用元标记定义平台.
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
Safari专用样式
从指南文件这里
隐藏Safari用户界面组件
将支持apple-mobile-web-app的元标记设置为yes以启用独立模式.例如,以下HTML使用独立模式显示Web内容.
<meta name="apple-mobile-web-app-capable" content="yes">
更改状态栏外观
您可以将默认状态栏的外观更改为黑色或黑色半透明.黑色半透明,状态栏浮动在全屏内容的顶部,而不是向下推.这使布局更高,但阻碍了顶部.这是所需的代码:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
有关状态栏外观的更多信息,请参阅apple-mobile-web-app-status-bar-style.
例如:
使用黑色半透明的屏幕截图
截图使用黑色
kha*_*val 40
从官方文档中,
例如,要将背景颜色设置为橙色:
<meta name="theme-color" content="#db5945">
此外,Chrome会在提供时显示出漂亮的高分量优惠.Chrome for Android会选择您提供的最高分辨率图标,我们建议您提供192×192px的PNG文件.例如:
<link rel="icon" sizes="192x192" href="nice-highres.png">
- 除了添加不相关的信息之外,这与原始答案相同 (20认同)
- @devaldcool:您可以编辑最常见的答案并添加链接. (17认同)
- @ igorsantos07我只是想添加官方文档的链接.而已 (9认同)
- 我认为文档链接正是所选答案中缺少的内容.这就是我在这里结束时谷歌搜索的内容.谢谢. (3认同)
| 归档时间： |
|
| 查看次数： |
297914 次 |
| 最近记录： |