使用JavaScript或jQuery更改Chrome选项卡颜色
在Chrome中，您可以使用meta标记设置选项卡的颜色：使用JavaScript或jQuery更改Chrome选项卡颜色,javascript,android,jquery,google-chrome,meta-tags,Javascript,Android,Jquery,Google Chrome,Meta Tags,在Chrome中，您可以使用meta标记设置选项卡的颜色： <meta name="theme-color" content="#FFA000"> 但它不起作用。如果有人能告诉我是否/如何在运行时更改此元值，我将非常高兴 编辑：在一些检查之后，我注意到代码确实改变了meta标签的内容，但是Chrome没有更新标签的颜色 您的jQuery代码是正确的。如果要闪烁标题栏并赶走用户，请尝试以下操作： <!DOCTYPE html> <html> <head&
<meta name="theme-color" content="#FFA000">
编辑：在一些检查之后，我注意到代码确实改变了meta标签的内容，但是Chrome没有更新标签的颜色 您的jQuery代码是正确的。如果要闪烁标题栏并赶走用户，请尝试以下操作：
<!DOCTYPE html>
<html>
<head>
<title>Unicorns!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="theme-color" content="#FF0000">
</head>
<body>
<h1>Unicorns are <b id="x">#FF0000</b></h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function() {
var i = 0;
var colors = ["#FF0000", "#FFFF00", "#00FF00", "#00FFFF", "#0000FF"];
setInterval(function() {
var color = colors[i = i++ > 4 ? 0 : i];
$("meta[name='theme-color']").attr('content', color);
$("#x").text(color);
}, 500);
});
</script>
</body>
</html>
独角兽！
独角兽是#FF0000
$（函数（）{
var i=0；
变量颜色=[“FF0000”、“FFFF00”、“00FF00”、“00FFFF”、“0000FF”]；
setInterval（函数（）{
var color=colors[i=i++>4？0:i]；
$（“meta[name='theme-color']”）attr（'content'，color'）；
$（“#x”）。文本（颜色）；
}, 500);
});
不过，并不是所有的小提琴工具都能让你展示这种效果，因为我认为使用iFrame可能会妨碍你正确地复制它。我发现Plnkr确实有效。访问显示了对上述设备的影响。结果表明，它不适用于android Chrome 43.x和44.x版本。在其他版本中，上述所有代码都有效。在45.x版本中，它甚至会从一种颜色变为另一种颜色，使它看起来非常酷 对于从谷歌登陆此页面寻找普通JS解决方案的用户：
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#123456');
哇，以前没听说过主题颜色（我花了几秒钟才意识到你说的是Android Chrome）。我已经在本地测试过了，但是你发布的代码工作正常。您需要添加更多详细信息，以便我们重现您的问题。正如我试图用我的答案强调的那样，发布的代码应该可以工作。考虑到您的编辑，您仍然难以获得效果。你能在你的设备上检查我的答案中的plnkr链接是否对你有效吗？如果确实如此，那么可能是您的代码/应用程序的某些特定内容导致了问题。如果没有，您可能需要包括您的设备详细信息和Chrome/Android版本，因为我怀疑这是罪魁祸首。事实证明，它在Chrome 44.x版中不起作用，我将其降级到39版，现在它工作得非常完美！
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#123456');