Safari 扩展 - 使用 JavaScript 动态修改主题颜色

Question

我编写了以下代码来根据特定偏好编辑主题颜色（在本例中为#000000）：

window.onload = function () {
document.querySelector('meta[name="theme-color"]').setAttribute('content',  '#000000');
}

是否可以动态地执行此操作？这样它就可以通过变量获取背景颜色并将其应用到代码中？

Answer 1

当然！要动态更改主题颜色，您可以像这样修改代码：

javascript window.onload = 函数() { 让bgColor = document.body.style.backgroundColor; // 假设正文背景颜色是您需要的 document.querySelector('metaname=theme-color').setAttribute('content', bgColor); } 只需确保

bgColor

捕获您想要用作主题颜色的背景颜色。此代码片段获取主体的背景颜色，但您可以调整它以获取您喜欢的任何颜色值！