本文介绍了如何使用iOS13暗模式查看wkwebview的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在带有Xcode11测试版的iOS 13上工作。有什么办法可以在网页上支持暗模式吗?我已经为除WKWebview之外的所有其他视图创建了颜色集。如何将网页视图背景和文本颜色更改为暗模式?
推荐答案
假设您的问题是询问如何根据亮模式或暗模式的效果更改您在WKWebView中显示的Html内容的颜色,则您的应用程序代码中不会有任何操作。所有更改都需要在您的HTML内容使用的CSS中进行。
我在WKWebView中使用了一些本地的HTML文件。通过更新我的css文件,我能够支持暗模式。
假设您当前有一个包含以下内容的css文件:
body {
background-color: white;
color: black;
}
a:link {
color: #0078b5;
text-decoration: none;
}
这些在灯光模式下都很好。要同时支持暗模式,您可以在您的css中添加一个@media
部分:
@media (prefers-color-scheme: dark) {
body {
background-color: rgb(38,38,41);
color: white;
}
a:link {
color: #0096e2;
}
a:visited {
color: #9d57df;
}
}
处于暗模式时,此@media
节中的颜色将覆盖在@media
节外定义的相应颜色。
这篇关于如何使用iOS13暗模式查看wkwebview的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!