javascript - Detect non-navigation button click in WKWebView - Stack Overflow

admin管理员组

文章数量:1344515

I have loaded a webpage into a WKWebView. I want to detect when the user clicks this specific button.

<div class="pacted-item">
    <button class="btn btn-lg btn-primary deploy-button" data-ember-action="1361">
        Deploy
    </button>
</div>

decidePolicyFor navigationAction isn't triggered because it's not a navigation action.

I know how to add a js message handler to the web views user content controller, but since I don't own the webpage, how do I get it to send off a message for me to intercept? Such as:

window.webkit.messageHandlers.buttonClicked.postMessage(messageToPost);

Or is there another way to detect non-navigation button clicks in a WKWebView?

I have loaded a webpage into a WKWebView. I want to detect when the user clicks this specific button.

<div class="pacted-item">
    <button class="btn btn-lg btn-primary deploy-button" data-ember-action="1361">
        Deploy
    </button>
</div>

decidePolicyFor navigationAction isn't triggered because it's not a navigation action.

I know how to add a js message handler to the web views user content controller, but since I don't own the webpage, how do I get it to send off a message for me to intercept? Such as:

window.webkit.messageHandlers.buttonClicked.postMessage(messageToPost);

Or is there another way to detect non-navigation button clicks in a WKWebView?

• javascript
• ios
• swift
• wkwebview

Share Improve this question Follow asked Sep 27, 2016 at 16:30 FrankieFrankie 11.9k77 gold badges5959 silver badges6060 bronze badges 3

• 1 No there is no way, the WKWebView will intercept it. Check if the link has something you are trying to achieve stackoverflow./questions/34574864/… – Sachin Vas Commented Sep 27, 2016 at 16:48
• My js example is directly from that question. Note my ment about not knowing how to send off the buttonClicked.postMessage because the js is not mine. – Frankie Commented Sep 27, 2016 at 17:12
• @Frankie Did you manage to solve this? – anoop4real Commented Sep 29, 2020 at 12:52

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

This is technically possible, but you have to get a little hacky to do it. You can inject arbitrary js into a WKWebView, so you can find the element and add an event listener to it. Of course, you run the risk that someone will change the html out from under you and your functionality might break at that point.

I threw together a quick and dirty example project to try it out (I just threw your button into a hard-coded html document). Here's the gist of how to do this. (Note, this is a really quick and dirty implementation and JS isn't really my strong suit, but you definitely want to refine this and at least make sure your query has some results before you start accessing them like I did.). In your implementation of WKScriptMessageHandler, you can do whatever you need to once you receive the message from your injected script.

class ViewController: UIViewController {
    ...
    private func getConfiguredWebview() -> WKWebView {
        let config = WKWebViewConfiguration()
        let js = "document.querySelectorAll('.deploy-button')[0].addEventListener('click', function(){ window.webkit.messageHandlers.clickListener.postMessage('Do something'); })"
        let script = WKUserScript(source: js, injectionTime: .atDocumentEnd, forMainFrameOnly: false)

        config.userContentController.addUserScript(script)
        config.userContentController.add(self, name: "clickListener")

        let webView = WKWebView(frame: .zero, configuration: config)
        return webView
    }
}

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

This answer was inspired by https://learnappmaking./wkwebview-how-to/ this page.

Also, sorry about resurrecting a really old post hopefully it helps someone. To be honest, I looked at the question and not the date, then got a little carried away figuring out if it was possible or not.

本文标签： javascriptDetect nonnavigation button click in WKWebViewStack Overflow