首頁(yè) 猿問(wèn) meta...

meta name="theme-color" 的動(dòng)畫(huà)

JavaScript

德瑪西亞99 2023-02-17 10:25:16

我想使用由多種顏色組成的動(dòng)畫(huà)，例如<meta name="theme-color" content="..."> ：#87CEFA、#1E90FF、#4169E1...是否可以theme-color在 Android 上的 Chrome 中設(shè)置動(dòng)畫(huà)？

查看完整描述

1 回答

慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

最后，我使用以下 JavaScript 代碼找到了解決此問(wèn)題的方法。使用此代碼，瀏覽器 URL 欄上的 3 種主題顏色會(huì)動(dòng)態(tài)變化。

var themeColorTest = new function() {

function e() {

"#87CEFA" === $themeColor.content ? $themeColor.content = "#1E90FF" : "#1E90FF" === $themeColor.content ? $themeColor.content = "#4169E1" : $themeColor.content = "#87CEFA",

setTimeout(e, 500)

}

this.init = function() {

$themeColor = document.querySelector("meta[name='theme-color']"),

e()

}

};

themeColorTest.init();

<!DOCTYPE html>

<html>

<head>

<title>Animation of meta name theme-color</title>

</head>

<body>

<p>More info on the <code>theme-color</code> meta tag is at this <a href="https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=en">Google Developers Blog Post</a>.</p>

</body>

</html>

反對(duì) 回復(fù) 2023-02-17