如何使用iOS13暗模式查看wkwebview

how to use iOS 13 darkmode for 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！