作者:漂浪男孩2010_218 | 来源:互联网 | 2022-10-17 15:33
我正在使用Xcode 11 beta的iOS 13进行工作。有什么方法可以在Web视图上支持暗模式吗?我为WKWebviews以外的所有其他视图创建了颜色集。如何在暗模式下更改Web视图的背景和文本颜色?
1> rmaddy..:
假设您的问题是询问如何根据亮还是暗模式更改在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
。