JavaScript 修改网页主题颜色 (theme-color) 的最佳实践

为了修改网页的 theme-color，需要使用以下代码：

const metaTag = document.querySelector('meta[name='theme-color']');
if (metaTag) {
  metaTag.setAttribute('content', '#000000'); // 将 #000000 替换为你想使用的颜色
}

该代码会首先检查是否存在名为 'theme-color' 的 meta 标签，如果存在，则会将其 content 属性值替换为指定的颜色值。如果不存在该标签，则不会执行任何操作。

这样做的原因是，如果网页中没有包含 'theme-color' 的 meta 标签，那么修改它的值是没有任何意义的。因此，我们需要先检查是否存在该标签，如果存在再进行修改。