如何为WKWebView提供彩色背景

Question

我正在开发一个应用程序,我在其中加载了大部分深色背景的不同html文件.现在,当从一个页面导航到另一个页面时,会出现一个小的白色闪光,可能是因为下一页尚未加载.我想摆脱那个闪存,并认为最简单的方法是给WebView一个背景颜色.

我尝试设置WebView的颜色以及其中的scrollView,但这似乎不起作用:

self.webView?.backgroundColor = UIColor.blackColor()
self.webView?.scrollView.backgroundColor = UIColor.blackColor()

第一次加载视图时会看到闪烁的颜色,但后续导航时却看不到.

Answer 1

要在深色背景上停止"白色闪光",请执行此操作

webView.opaque = false

这并没有真正解决背景颜色问题,但至少它会阻止您遇到的"白色闪光".显然,在加载HTML之前似乎没有办法改变WKWebView的背景颜色.

Answer 2

self.webView = WKWebView()
self.webView.backgroundColor = UIColor(red:0.11, green:0.13, blue:0.19, alpha:1)
self.webView.scrollView.backgroundColor = UIColor(red:0.11, green:0.13, blue:0.19, alpha:1)

不要忘记你WKWebView是一个可选项,所以也许你不会初始化它.

Answer 3

WKWebView在Soryboard中单击，然后从属性检查器面板中选择首选的背景颜色。

然后放在content.isOpaque = false您WKWebView的加载位置，例如viewDidLoad()

@IBOutlet weak var content: WKWebView!
...
content.isOpaque = false

Answer 4

在一个项目中执行加载请求时，我曾经隐藏WKWebView。

webView.isHidden = true
webView.load(req)

加载完成后，我再次将webView设置为可见。

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
       videoView.isHidden = false
}

func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
        activityIndicator.stopAnimating()
        videoView.isHidden = false
}