我正在尝试为 iOS PWA 的 apple-touch-startup-image(启动画面)创建一个深色模式选项,如果打开深色模式,那么它将替换 apple-touch-startup-images 的所有链接为我的用户设置暗模式。
我考虑过这一点,因为深色模式适用于 css:
@media(prefers-color-scheme: dark){ ... }
Run Code Online (Sandbox Code Playgroud)
那么它就可以轻松地取代它们。
我创建了这个 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");}
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?我认为这可能是 javascript 代码中的错误,我不是最擅长 JavaScript 的。