小编Ant*_*ny4的帖子

iOS 渐进式 Web 应用程序深色模式启动图像?

我正在尝试为 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 的。

html javascript css ios progressive-web-apps

2
推荐指数
1
解决办法
1075
查看次数

标签 统计

css ×1

html ×1

ios ×1

javascript ×1

progressive-web-apps ×1