Loading scripts from HTML string wkwebview

Question

Is it possible to load script files from Xcode project via html loaded with WKWebView loadHTMLString method?

For example if I have a project named DemoProject, with javascript files called script1.js and script2.js in the root directory. Then I'm loading an html string that tries to reference those files. Is that possible? If so how do I properly reference those files?

Try this <script src="script1.js"></script> <script src="script2.js"></script> — Adolfo
– Adolfo, Commented Apr 12, 2017 at 12:50
There's no html file, I load a string, which contains html, into the wkwebview. That string contains <script src="script1.js"></script> <script src="script2.js"></script>. Those files are located in the project's root directory. — ImmortalBajan
– ImmortalBajan, Commented Apr 12, 2017 at 12:55
What about convert files content to string and then inject with webView.stringByEvaluatingJavascript? i dont remember the exact name of the function but you can check it out. Hope it helps — Lucas Palaian
– Lucas Palaian, Commented Apr 12, 2017 at 15:17

anoop4real · Accepted Answer · 2017-04-15 17:34:58Z

1

Try injecting it as user script. If your folder structure is like this, use the below function to load it as user script

private func fetchScript() -> WKUserScript!{

    var jsScript = ""
    if let jsPath = Bundle.main.path(forResource: "hello", ofType: "js", inDirectory: "scripts"){
        do
        {
            jsScript = try String(contentsOfFile: jsPath, encoding: String.Encoding.utf8)
        }catch{

            print("Error")
        }
    }

    let wkAlertScript = WKUserScript(source: jsScript, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
    return wkAlertScript
}

Add it to controller

func registerScriptsAndEvents() {

    let controller = self.wkWebView.configuration.userContentController
    // Load the entire script to the document
    controller.addUserScript(fetchScript())
}

answered Apr 15, 2017 at 17:34

anoop4real

7,7184 gold badges56 silver badges59 bronze badges

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

2 Comments

anoop4real Over a year ago

You can check this project github.com/anoop4real/WKWebViewExperiments i tried a lot of things

Ganesh G Over a year ago

@anoop4real, the hello.js file should be called through start.html file.

Collectives™ on Stack Overflow

Loading scripts from HTML string wkwebview

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related