JS设置博客园主题色(theme-color)
时间:2019-11-05 12:49:17
收藏:0
阅读:2211
所谓的theme-color,实际上是安卓版Chrome的状态栏主题色,也仅仅被安卓版的Chrome所支持。
通常我们可以在头部声明一下就OK了。
如:
<meta name="theme-color" content="#000000">
但,由于博客园本身的限制没法把声明放入head头部中,所以,我有一个想法!
大概的思路是这样的:
<script> ~function(){ var sMeat = document.createElement(‘meta‘); sMeat.name = "theme-color"; sMeat.content = "#000000"; document.querySelector(‘head‘).appendChild(sMeat); }(); </script>
通过js方法在head 里创建一个meta声明,分别赋值name和content。
方法:
可将js代码直接放到body中。
为了美观,建议把js代码写到.js文件里,然后通过引用的方式直接放入html中。
如:
<script src="a.js"></script>
效果:
如果有用,不妨点个赞??
原文:https://www.cnblogs.com/bruceau/p/11797500.html
评论(0)