如何修改手机浏览器地址栏和手机系统状态栏的主题颜色 – WEB骇客
如何修改手机浏览器地址栏和手机系统状态栏的主题颜色
最近注意到很多流行的网站，比如BBC，Facebook，在用手机浏览器访问这些网站时，手机浏览器的地址栏颜色和手机系统状态栏的颜色都变成了这些网站的主题颜色，这使得这个显示界面的颜色搭配非常的好看。这篇文章里，我将介绍如何修改修改手机浏览器地址栏和手机系统状态栏的主题颜色，让它跟你的网站的颜色相匹配。
从安卓5.0(Lollipop)、谷歌浏览器版本39开始，chrome浏览器上就新添加了使theme-color元标记修改主题颜色的功能。这有什么用处？随着HTML5的进步发展，手机网页应用、自适应网页页面跟手机App的功能越来越接近，这个修改主题颜色的功能进一步使网页应用看起来像本地App应用，看一看实际效果图，首先是没有修改颜色前的截图：
注意浏览器的地址栏是灰色的，这是谷歌浏览器的缺省主题颜色，而手机系统通知栏的颜色是黑色的。
这是修改主题颜色后的截图。
此时浏览器的地址栏变成了蓝色，而手机通知栏的颜色变成了深蓝色，这些颜色跟网页的颜色非常的匹配，用户体验好多了。
不过，需要注意的是，目前只有谷歌浏览器又这样的功能。
方法非常的简单，theme-color这个元标记就能实现功能， 我们只需要在网页的&head&&/head&标记中间加入一个name="theme-color"的meta标记，content值设置为你制定的颜色，就像下面这行代码：
&meta name="theme-color" content="#ff6600" /&
除此之外，如果你提供一个高分辨率的favicon，谷歌浏览器能优先使用这个更漂亮的图标，谷歌浏览器会选择分辨率最高的图标，官方推荐使用192×192px PNG图片，比如：
&link rel="icon" sizes="192x192" href="nice-highres.png"&
theme-color只在谷歌浏览器里起作用，如果你想在iphone的Safari和Windows Phone的IE里修改地址栏演示，参考下面的代码：
&!-- 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"&
阅读余下内容
相关文章：&nbsp>&nbsp
&nbsp>&nbsp
&nbsp>&nbsp
android 修改状态栏颜色
摘要：android状态栏颜色修改android状态栏颜色修改&状态栏颜色的修改在4.4和5.x环境下分别有不同的方式,低于4.4以下是不能修改的。&5.x环境下方式一,状态栏将显示为纯净的颜色,没有渐变效果536/**&*状态栏相关工具类&*&*/public&class&StatusBarU
android状态栏颜色修改android状态栏颜色修改&状态栏颜色的修改在4.4和5.x环境下分别有不同的方式,低于4.4以下是不能修改的。&
5.x环境下方式一,状态栏将显示为纯净的颜色,没有渐变效果
/**&* 状态栏相关工具类&*&*/public&class&StatusBarUtils {&&&&&public&static&void&setWindowStatusBarColor(Activity activity,&int&colorResId) {&&&&&&&&try&{&&&&&&&&&&&&if&(Build.VERSION.SDK_INT &= Build.VERSION_CODES.LOLLIPOP) {&&&&&&&&&&&&&&&&Window window = activity.getWindow();&&&&&&&&&&&&&&&&window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);&&&&&&&&&&&&&&&&window.setStatusBarColor(activity.getResources().getColor(colorResId));&&&&&&&&&&&&&&&&&//底部导航栏&&&&&&&&&&&&&&&&//window.setNavigationBarColor(activity.getResources().getColor(colorResId));&&&&&&&&&&&&}&&&&&&&&}&catch&(Exception e) {&&&&&&&&&&&&e.printStackTrace();&&&&&&&&}&&&&}&&&&&public&static&void&setWindowStatusBarColor(Dialog dialog,&int&colorResId) {&&&&&&&&try&{&&&&&&&&&&&&if&(Build.VERSION.SDK_INT &= Build.VERSION_CODES.LOLLIPOP) {&&&&&&&&&&&&&&&&Window window = dialog.getWindow();&&&&&&&&&&&&&&&&window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);&&&&&&&&&&&&&&&&window.setStatusBarColor(dialog.getContext().getResources().getColor(colorResId));&&&&&&&&&&&&&&&&&//底部导航栏&&&&&&&&&&&&&&&&//window.setNavigationBarColor(activity.getResources().getColor(colorResId));&&&&&&&&&&&&}&&&&&&&&}&catch&(Exception e) {&&&&&&&&&&&&e.printStackTrace();&&&&&&&&}&&&&}}
&效果图如下:状态栏被改成
android.R.color.holo_blue_bright,标题栏颜色可以和状态栏一样,EditText的输入也没有受影响&ps:如果顶部为渐变效果,可能是在主题中设置windowTranslucentStatus=true属性。&方式二:通过Style来修改状态栏颜色。1.设置 colorPrimary,colorPrimaryDark两个颜色。
&stylename=&AppTheme&parent=&Theme.AppCompat.Light.NoActionBar&&&&&&&&itemname=&colorPrimary&&@android:color/holo_blue_bright&/item&&&&&&&itemname=&colorPrimaryDark&&@android:color/holo_blue_bright&/item&&/style&
2. AndroidManifest.xml文件中的targetSdkVersion必须设置在21以上。3.parent主题必须是Theme.AppCompat开头,兼容包下的主题,所以必须一用v7包。&colorPrimary,colorPrimaryDark这两个属性是Material Design风格中规定的。具体位置如下图所示:&&&方式三:1.在res/values-v19文件夹下添加styles.xml文件内容如下
&stylename=&AppTheme&parent=&@style/BaseAppTheme&&&&&&&itemname=&android:windowTranslucentStatus&&true&/item&&/style&
2.顶部标题的控件设置两个属android:background=&@android:color/holo_blue_bright&android:fitsSystemWindows=&true&则状态栏会保持与设置fitsSystemWindow属性的控件的背景颜色一致。&4.4环境下上面的方式三也适用4.4环境。不过4.4和5.x下显示的效果有差异。根据本人测试结果来看,不同的手机厂商对于这种情况下,状态栏有的是渐变,有的是添加了一层黑色半透明层。&存在bug及解决办法修改windowTranslucentStatus/Navigation=&true&。 会导致EditText输入时,即使使用了 adjustResize,软键盘也会挡住 EditText解决办法参考:https://www.zhihu.com/question//answer/?utm_source=weibo&;utm_medium=weibo_share&;utm_content=share_answer&;utm_campaign=share_button&其他参考资料:http://blog.csdn.net/lmj/article/details/http://www.bkjia.com/Androidjc/971024.htmlhttp://blog.sina.com.cn/s/blog_6e334dc70102ve7d.html源代码:https://github.com/leon-HM/StatusBar原文参考 : & http://www.cnblogs.com/leon-hm/p/5131323.html
以上是的内容，更多
的内容，请您使用右上方搜索功能获取相关信息。
若你要投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com,工作人员会在五个工作日内给你回复。
云服务器 ECS
可弹性伸缩、安全稳定、简单易用
&40.8元/月起
预测未发生的攻击
&24元/月起
为您提供0门槛上云实践机会
你可能还喜欢
你可能感兴趣
阿里云教程中心为您免费提供
android 修改状态栏颜色相关信息，包括
的信息，所有android 修改状态栏颜色相关内容均不代表阿里云的意见！投稿删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员会在五个工作日内答复
售前咨询热线
支持与服务
资源和社区
关注阿里云
International&&【IOS7插件推荐】StatusColor：随心所欲更改状态栏颜色
【IOS7插件推荐】StatusColor：随心所欲更改状态栏颜色
关键字： &&&&
&&作者：佚名
&&&&&&&&黑色状态栏使用太久感觉腻了，想要更换其他颜色有没有办法？当然有！有一款名为StatusColor的插件，能随心所欲的更改状态栏颜色，让你的状态栏不再是黑鸦鸦一片，还能够自订调整颜色，也不会与其他人有颜色撞衫情形，让您的iOS系统能独一独二的颜色。&&&&&&&&刚安装完毕后，直接进入设置找到“StatusColor”进行设定，在StatusColor设置页面上可以看到RGB，这也就是R红、G绿、蓝B三种颜色，通常颜色都是依照这三种颜色搭配合成，也能称为三原色，有在使用绘图软件朋友来讲，这应该是非常熟悉，但如果你不懂色彩调配，其实也没关系，只要能够拖拉滑杆，就能够马上进行改变状态列上的颜色。&&&&&如果你对这款StatusColor感兴趣的话，不妨到Bigboss源进行下载，目前支持IOS4以上系统。
& & &最IN最潮的，翔实有趣的，统统都在史上最好用的
&&&&&——官方微信！
& & &扫描左侧二维码或在微信公众号页面上搜索“恺英XY苹果助手”即可
& & &添加XY官方微信，汇聚XY海量资讯教程更有
&&&&&豪华大礼等你来拿
相关资讯：
越狱常见问题
iOS9.0-9.1完美越狱图文教程
iOS 9.0.2完美越狱图文教程
iOS8完美越狱震撼发布
热门越狱专题
热门固件下载
热门越狱教程状态栏颜色可以更换吗_百度知道
状态栏颜色可以更换吗
我有更好的答案
手机状态栏颜色无法手动更改，部分机型由于将系统升级至安卓4.4版本。该系统状态栏上的图标（电池等）颜色更改为白色，该情况为正常现象，无法修改。
三星产品问答服务
主营：电子产品
三星手机状态栏颜色无法手动更改，部分机型由于将系统升级至安卓4.4版本。该系统状态栏上的图标（电池等）颜色更改为白色，该情况为正常现象，无法修改。
手机状态栏颜色无法手动更改，部分机型由于将系统升级至安卓4.4版本。该系统状态栏上的图标（电池等）颜色更改为白色，该情况为正常现象，无法修改。
2条折叠回答
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。没有更多推荐了，
不良信息举报
举报内容：
ios中修改状态栏颜色的方法
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！}