Javascript iOS渐进式Web应用暗模式启动映像？

我正在尝试为我的iOS PWA的apple touch启动图像（闪屏）创建一个暗模式选项，如果暗模式打开，那么它将为我的用户将apple touch启动图像的所有链接替换为暗模式

我已经考虑过了，因为暗模式与css一起工作：

@media(prefers-color-scheme: dark){ ... }

然后它就可以很容易地取代它们

我创建了这个javascript，但它似乎不起作用：

var darksplash = window.matchMedia( "(prefers-color-scheme: dark)" );
if (darksplash.matches) {document.querySelector('link[rel="apple-touch-startup-image"]').setAttribute("href", "assets/images/splashscreens/dark.png");}

---

有什么想法吗？我想这可能是javascript代码中的一个错误，我并不擅长javascript。

我对css或javascript了解不多，但如果我注入的代码不起作用，我会尝试在web控制台中运行javascript代码

在chorme中打开您的网站，右键单击并单击检查

在框的顶部有一个选项，选择console

运行JavaScript代码

---

如果这样做有效，可能是因为您注入JavaScript代码的时间不合适，或者您在JavaScript代码中出现错误。

我对css或JavaScript不太了解，但如果注入的代码无效，我会尝试在web控制台中运行JavaScript代码

在chorme中打开您的网站，右键单击并单击检查

在框的顶部有一个选项，选择console

运行JavaScript代码

---

如果这样做行得通，可能是您注入JavaScript代码的时间不合适，或者是您的JavaScript代码错误。

您只需在每个图像下添加另一个apple touch启动图像，并使用“（首选配色方案：深色）”和“在媒体开始处=”

网址：

---

您只需在每张图片下方添加另一张apple touch startup图片，并在图片下方添加“（首选配色方案：深色）和“在媒体开头=”

网址：

---

您的代码看起来是什么样子的，不起作用？请提供一个例子来说明这个问题。你的代码看起来是什么样子的？请提供一份说明问题的报告。