所谓的theme-color,实际上是安卓版Chrome的状态栏主题色,也仅仅被安卓版的Chrome所支持。
我们都知道,声明通常放在head头部才会生效,表达如下:
<meta name="theme-color" content="#000000">
但,由于cnblgos的限制没法把声明直接放入head中,所以这事只能托js去完成了。
思路:
通过js方法在head里创建一个meta声明,分别赋值name和content。
<script>
~function(){
var sMeat = document.createElement('meta');
sMeat.name = "theme-color";
sMeat.content = "#000000";
document.querySelector('head').appendChild(sMeat);
}();
</script>
方法:
可将js代码直接放到body中。但为了美观,建议写到.js文件里,通过引用的方式放入html中。
如:<script src="a.js"></script>
效果:

如果有用,不妨点个赞??