「小技巧」在移动端Chrome上实现(假)沉浸式网页

在head标签中加入以上标签就可以实现下面这样的效果了,就是界面和主色调同色的沉浸式啦

img

为什么说的是假沉浸式呢= =因为我的做法不是自动抓取页面主色调改变颜色的=v=而是在content属性中手动定义了我网站的主色调,各位小伙伴想要更改颜色和自己的网站色调搭配,只需要修改content属性的值就行啦

theme-color只在Chrome浏览器里起作用,如果你想在iOS的Safari和Windows Phone的IE里修改地址栏演示,参考下面的代码:

参考链接:如何修改手机浏览器地址栏和手机系统状态栏的主题颜色

9 评论

    1. 这个蛮麻烦的,首先你需要 root,魅族有些型号很难root的,挺烦的
      root 后推荐使用 supersu 管理权限
      然后就是 zspond 框架,装好之后就可以调整状态栏了(滑稽)
      之后素材在…

      上面都是我瞎编的 = = 我也折腾不来安卓 =v=
      你去 主题商店 里装一个 初音ミク 的主题就好了(溜了,别打我)

发表评论

电子邮件地址不会被公开。 必填项已用*标注