如何在 WebKit 视图中获取点击元素的 Id?

How to get the Id of clicked element in a WebKit view?

我在 url 中加载了一个 UIWebKit,我想在单击时选择 html 元素的 ID。当我知道 id 时我可以获取该元素,但是如何在单击它时获取未知元素 Id。 感谢你们对我的帮助 !

您可以按照以下方式进行。

  1. 使用 WKUserScript.
  2. 将一些 javascript 注入 WebView
  3. 已注入 javascript 将监听任何点击事件的文档正文。
  4. 收到点击事件后,使用 elementFromPoint 查找 DOM 元素。
  5. 这样设置,javascript 将与本机代码通信。
  6. 收到点击并找到元素后,联系点击的本机代码 DOM。

我已经测试过这种工作方式并且它对我有用。

import UIKit
import WebKit

class ViewController: UIViewController {

    @IBOutlet weak var webView: WKWebView!
    private var url = URL(string: "https://www.google.com")!


    override func viewDidLoad() {
        super.viewDidLoad()

        initializeWebView()
        loadData()

    }

    private func initializeWebView() {

        let javascript = """
        window.onload = function() {
            document.addEventListener("click", function(evt) {
                var tagClicked = document.elementFromPoint(evt.clientX, evt.clientY);
                window.webkit.messageHandlers.jsMessenger.postMessage(tagClicked.outerHTML.toString());
            });
        }
        """

        let userScript = WKUserScript.init(source: javascript,
                                           injectionTime: .atDocumentStart, forMainFrameOnly: true)
        webView.configuration.userContentController.addUserScript(userScript)
        webView.configuration.userContentController.add(self, name: "jsMessenger")
    }

    private func loadData() {
        let request  = URLRequest(url: url)
        webView?.load(URLRequest.init(url: url))
    }
}


extension ViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        print(message.body)
    }
}

它给你整个元素作为字符串

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate {

@IBOutlet weak var webContentView: UIView!
var web: WKWebView!

override func viewDidLoad() {
    super.viewDidLoad()

   let config = WKWebViewConfiguration()
    let JSsource =  """
    window.onload = function() {
        document.addEventListener("click", function(evt) {
            var tagClicked = document.elementFromPoint(evt.clientX, evt.clientY);
            window.webkit.messageHandlers.jsMessenger.postMessage(tagClicked.outerHTML.toString());
        });
    }
    """

     let script = WKUserScript(source: JSsource, injectionTime: .atDocumentEnd, forMainFrameOnly: false)
     config.userContentController.addUserScript(script)
    config.userContentController.add(self as! WKScriptMessageHandler, name: "jsMessenger")

    self.web = WKWebView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height-60), configuration : config)

    self.web.navigationDelegate = self
    self.web.uiDelegate = self
    self.webContentView.addSubview(self.web!)
  }
func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    print(message.body)
}