我正在使用 Xcode 11 beta 开发 iOS 13。有什么办法可以在网页视图上支持暗模式吗?我已经为除 WKWebviews 之外的所有其他视图创建了颜色集。如何更改深色模式的网页视图背景和文本颜色?
假设您的问题是询问如何根据浅色模式或深色模式是否有效来更改在 WKWebView 中显示的 HTML 内容的颜色,那么您在应用程序的代码中无需执行任何操作。所有更改都需要在 HTML 内容使用的 CSS 中进行。
我有一些在 WKWebView 中使用的本地 HTML 文件。我能够通过更新我的 css 文件来支持暗模式。
假设您当前有一个包含以下内容的 css 文件:
body {
background-color: white;
color: black;
}
a:link {
color: #0078b5;
text-decoration: none;
}
这些在灯光模式下都很好。要也支持深色模式,您可以添加@media
你的 CSS 部分:
@media (prefers-color-scheme: dark) {
body {
background-color: rgb(38,38,41);
color: white;
}
a:link {
color: #0096e2;
}
a:visited {
color: #9d57df;
}
}
当处于深色模式时,此颜色@media
部分将覆盖外部定义的相应颜色@media
部分。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)