ios - 如何在 Swift 的 WKWebView 中禁用用户选择？

Question

我开发了一个应用程序，它在 Swift 中使用 WKWebView 显示网页。我需要禁用用户选择和标注(因为 Web 会加载图表)，但我找不到任何方法来使用 WKWebView 来执行此操作。

这是我的代码:

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {

    @IBOutlet weak var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let url = URL(string: "https://danfg95glucose.azurewebsites.net")
        let request = URLRequest(url: url!)
        webView.navigationDelegate = self
        webView.load(request)

    }
}

我想做一些与此类似的事情，但在 Swift 中使用 WKWebView:

// Disable user selection
[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
// Disable callout
[webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];

这可能吗？

这是显示问题的图像:

非常感谢您的回复。对不起我的水平，我是新手，正在学习编程。

Answer 1

您要查找的是添加 this以编程方式将 CSS 添加到您的 WKWebView。

首先，在您的 View Controller 上，添加 WKWebView:

let webViewConfiguration = WKWebViewConfiguration()
let webView = WKWebView(frame: .zero, configuration: webViewConfiguration)
view.addSubview(webView)
webView.snp.updateConstraints { make in
    make.edges.equalTo(view)
}

webView.navigationDelegate = self
webView.load(URLRequest(url: URL(string: "https://www.google.com")!))

然后，实现导航委托(delegate)方法

optional public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)

并在其中添加:

extension ExampleViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        let javascriptStyle = "var css = '*{-webkit-touch-callout:none;-webkit-user-select:none}'; var head = document.head || document.getElementsByTagName('head')[0]; var style = document.createElement('style'); style.type = 'text/css'; style.appendChild(document.createTextNode(css)); head.appendChild(style);"
        webView.evaluateJavaScript(javascriptStyle, completionHandler: nil)
    }
}

这样，您将使用禁用标注的 css 以编程方式添加样式标签。

希望对您有所帮助!