How to run javascript in Android KitKat WebView?

Question

I have following code in my WebView

<script src="remote src" param1="value1" param2="value2" ... />;

When it runs on Androids, lower than Kitkat, I use typical

webView.loadDataWithBaseURL(..)

and script works fine. But, as we know, in KitKat WebView had absolutely changed, and scripts should be run as

webView.evaluateJavascript(script, callback);

and now is very unclear how to run my script, which is rendered with the rest of the page, in KitKat.

Have you remembered to call webView.getSettings().setJavaScriptEnabled(true)? — marcus.ramsden
– marcus.ramsden, Commented Jan 13, 2014 at 12:47
Of cource, otherwise code will not be run under Android lower than KitKat — Zakhar Fadeev
– Zakhar Fadeev, Commented Jan 13, 2014 at 12:58
For your loadDataWithBseURL() scenario, is the string you are passing into it literally the <script> tag that you have shown? — CommonsWare
– CommonsWare, Commented Jan 13, 2014 at 13:08
No, it is typical html page, starts from <html><head>..<head><body> — Zakhar Fadeev
– Zakhar Fadeev, Commented Jan 13, 2014 at 13:28

Dmitry Dmitry · Accepted Answer · 2015-08-12 10:58:02Z

2

How about this:

String jScript = "(function() {\n" +
                    "var p=document.getElementsByTagName('head')[0];\n" +
                    "var s=document.createElement(\"script\");\n" +
                    "s.type=\"text/javascript\";\n" +
                    "s.src=\"http://pathtoscript/jscript.js\";\n" +
                    "s.async = true;\n" +
                    "p.appendChild(s);\n" +
                "}\n" +
            "})();\n";

webView.evaluateJavascript(jScript, callback);

But in this case i don't know is there possibility to get a callback.

edited Aug 12, 2015 at 10:58

answered Aug 12, 2015 at 9:49

Dmitry Dmitry

781 silver badge11 bronze badges

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

Comments

ksasq · Accepted Answer · 2014-01-13 23:53:10Z

0

The script should still execute fine in KK if it's inline inside the content that you pass to loadDataWithBaseUrl. The new evaluateJavaScript API is intended to execute script in the context of the document currently loaded in the WebView, after it has been loaded.

Prior to KK, developers would call loadUrl passing in a javascript: URL to achieve the same effect. The new API simplifies this, and allows a callback to be executed when the script has been run.

Hope this helps to clarify.

answered Jan 13, 2014 at 23:53

ksasq

4,4122 gold badges20 silver badges10 bronze badges

2 Comments

Zakhar Fadeev Over a year ago

The script should still execute fine But it doesn't execute!! Just in KitKat

ksasq Over a year ago

Ok. Can you share the script? If not, try remote debugging in case there are any errors being thrown - see developers.google.com/chrome-developer-tools/docs/…

Matt Gaunt · Accepted Answer · 2014-01-14 12:16:16Z

0

Just looked into supporting loading of remote JS.

I have tried the following:

Loading a file through loadUrl("file://....") with an absolute path for a remote js file i.e.

Loading a html string into the webview with an absolute path for a remote js file

mWebView.loadDataWithBaseURL("content://com.example.remotejs/", htmlString, "text/html", "utf-8", null);

Loading a html string with a valid base url and a relative remote js file

mWebView.loadDataWithBaseURL("http://labs.gauntface.co.uk/", htmlString, "text/html", "utf-8", null);

Script tag:

All of the above worked. Can you please provide an example - my source is hosted here: https://github.com/gauntface/QuickWebViewExamples/tree/master/RemoteJSTest

edited Jan 14, 2014 at 12:16

answered Jan 13, 2014 at 14:53

Matt Gaunt

9,8613 gold badges41 silver badges58 bronze badges

2 Comments

Zakhar Fadeev Over a year ago

Useless comment. My question is about how to execute scrit with remote src. I cannot cut it and put is as a parameter of a method evaluateJavascript()

Matt Gaunt Over a year ago

Sorry I misunderstood. So you are loading a html file or string into the WebView and loading javascript similar to: <script src="mysite.com/somejs.js" param1="value1" param2="value2" ... />; Where the 'mysite.com" was loaded as the base parameter of loadBaseUrl?

Community · Accepted Answer · 2017-05-23 12:06:17Z

0

Solution is simplier.

Problem is now ith KitKat, but with Github

https://stackoverflow.com/a/18049842/1346120

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jan 15, 2014 at 9:32

Zakhar Fadeev

3074 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to run javascript in Android KitKat WebView?

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Related