dudo博客

从Android M开始,Android开始引入了沉浸模式,所谓的沉浸模式就是将周围,特别是状态栏的颜色调整到和浏览页面相同,从而在视觉上减少其他因素对阅读的干扰,从而达到无干扰阅读。目前在Android上已经有越来越多的app支付沉浸模式,但是对浏览器而言目前只有Chrome支付沉浸模式,而且这依赖于网站本身的设置。在这里我们看看wordpress是怎么实现沉浸式状态栏的,其他的web页面也可以以此为参考。

Wordpress的Chrome中实现状态栏沉浸模式

在Chrome中实现web的沉浸模式其实很简单,只需要一行代码:

<meta mane=”theme-color” content=”#0685c1″ />

将以上代码放置在<head></head>标签之间,<title></title>之后,即可实现沉浸模式。但是这里需要说明的是目前在测试的几个浏览器中只有Chrome支持。通过上面的截图可以看出来,原来黑色的状态栏已经变成了蓝色,地址栏、工具栏都已经成了我们设置的颜色,的确比原来的黑色或者灰色好看。



共有(6)条评论

菜鸟网赚 发表于 2016-12-15 at 15:26 #1楼

博客挺不错的 就是窄了点 专门移动端的吗

[回复]

QQ技术博客 回复:

@菜鸟网赚, 精致美

[回复]


猫客工作室 发表于 2016-12-17 at 15:18 #2楼

非常有价值的一篇文章,支持一下,希望回访。

[回复]


正红综合基地 发表于 2016-12-18 at 15:02 #3楼

沉浸模式会不会是以后的网站的主流设置呢?

[回复]


QQ技术博客 发表于 2016-12-24 at 10:59 #4楼

支持一下,赞

[回复]


技术党 发表于 2016-12-24 at 22:41 #5楼

可以,你这是先写的文章再加的图片哈

[回复]


随便说两句
名字:
Email:
网站:
内容:

无觅相关文章插件,快速提升流量