Inject Javascript into Webview - Swift

Question

How can I inject javascript into a webview (IOS/Swift) after loading some custom html.

@IBOutlet weak var webView: UIWebView!

var html = "<div id='test'></div>"

self.webview.loadHTMLString(html, baseURL: nil)

I want to inject the following javascript into the webview after I load my custom html.

var myelement = document.getElementById("test");
myelement.innerHTML= "New Text";

evaluate JavaScript, google that, it is hard to be easier to find — Lu_
– Lu_, Commented Feb 2, 2017 at 7:44
Possible duplicate of Inject a JavaScript code in Webview iOS — Ahmad F
– Ahmad F, Commented Feb 2, 2017 at 8:10

Sweeper · Accepted Answer · 2017-02-02 07:56:28Z

17

Just do:

let js = "var myelement = document.getElementById(\"test\");myelement.innerHTML= \"New Text\";"
webView.evaluateJavaScript(js, completionHandler: nil)

If you are using UIWebView instead of WKWebView, do this:

let js = "var myelement = document.getElementById(\"test\");myelement.innerHTML= \"New Text\";"
_ = webView.stringByEvaluatingJavaScript(from: js)

answered Feb 2, 2017 at 7:56

Sweeper

292k23 gold badges260 silver badges438 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sarabjit Singh · Accepted Answer · 2017-02-02 09:06:51Z

7

use WKWebview and use WKNavigationDelegate Delegate

func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {
        let str = "setData(\"\(uid)\",\"\(DataProvider.sharedInstance.baseUrl)\")"
        self.webView.evaluateJavaScript(str) { (id, error) in
            print(error)
        }
    }

edited Feb 2, 2017 at 9:06

Sarabjit Singh

1,8221 gold badge17 silver badges28 bronze badges

answered Feb 2, 2017 at 8:00

IOS Singh

6276 silver badges16 bronze badges

1 Comment

user3773048 Over a year ago

It's still there, just Swift 4-ized / modularized; try this signature: func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!). (Injecting the JS here does the job for me -- thanks!)

Collectives™ on Stack Overflow

Inject Javascript into Webview - Swift

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related