how to use iOS 13 darkmode for wkwebview(如何使用iOS13暗模式查看wkwebview)
本文介绍了如何使用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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:如何使用iOS13暗模式查看wkwebview


猜你喜欢
- 想使用ViewPager,无法识别android.support.*? 2022-01-01
- android 4中的android RadioButton问题 2022-01-01
- Android - 拆分 Drawable 2022-01-01
- 在测试浓缩咖啡时,Android设备不会在屏幕上启动活动 2022-01-01
- 使用自定义动画时在 iOS9 上忽略 edgesForExtendedLayout 2022-01-01
- 用 Swift 实现 UITextFieldDelegate 2022-01-01
- MalformedJsonException:在第1行第1列路径中使用JsonReader.setLenient(True)接受格式错误的JSON 2022-01-01
- Android - 我如何找出用户有多少未读电子邮件? 2022-01-01
- 如何检查发送到 Android 应用程序的 Firebase 消息的传递状态? 2022-01-01
- Android viewpager检测滑动超出范围 2022-01-01