How to load local HTML with JavaScript in Android WebView?

Question

I have coded a game in HTML and JavaScript. I had loaded the HTML file locally into the WebView but it had not loaded the JavaScript. I was wondering how I could get the HTML to use the JavaScript. Any help is greatly appreciated.

Where do you put the HTML and Javascript currently? Within assets folder? — momo
– momo, Commented Oct 25, 2011 at 21:32

Dhrumil Shah - dhuma1981 · Accepted Answer · 2012-01-09 09:57:32Z

4

Try this code.. This code works for.. Hope it will be helpfull to u also.

WebView webView;
        webView = (WebView) findViewById(R.id.wbView);
        webView.getSettings().setPluginsEnabled (true);
        webView.getSettings().setJavaScriptEnabled (true);

answered Jan 9, 2012 at 9:57

Dhrumil Shah - dhuma1981

15.9k6 gold badges34 silver badges40 bronze badges

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

Comments

Dimitris Makris · Accepted Answer · 2011-10-25 21:17:47Z

2

You can check here: http://developer.android.com/resources/tutorials/views/hello-webview.html

in order to get a general perspective of js with webview and more specifically:

mWebView.getSettings().setJavaScriptEnabled(true);

Hope this helps!

answered Oct 25, 2011 at 21:17

Dimitris Makris

5,1832 gold badges36 silver badges54 bronze badges

2 Comments

Ben T Over a year ago

It doesn't work. the HTML loads 2 javascripts locally. Is there another way?

Dimitris Makris Over a year ago

Please add some code in order to better understand your problem.

Moad MEFTAH · Accepted Answer · 2015-03-14 08:32:12Z

0

you can try this :

String html = "<html><body>Hello, World!</body></html>";
String mime = "text/html";
String encoding = "utf-8";
WebView myWebView = (WebView)this.findViewById(R.id.myWebView);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.loadDataWithBaseURL(null, html, mime, encoding, null);

answered Mar 14, 2015 at 8:32

Moad MEFTAH

3514 silver badges9 bronze badges

Comments

Daniel · Accepted Answer · 2019-10-24 11:14:10Z

0

Just load HTML file URI like this:

webView.loadUrl("file://" + getContext().getExternalCacheDir() + "/editor.html");

Hope it can help you!

edited Oct 24, 2019 at 11:14

Daniel

2,6453 gold badges26 silver badges34 bronze badges

answered Oct 25, 2016 at 5:19

袁阳yuanyang

1

Comments

Sandeep Pareek · Accepted Answer · 2021-04-20 07:03:45Z

    binding.webview.settings.javaScriptEnabled=true
    binding.webview.loadUrl("file:///android_asset/GeneralCF.html")

    binding.your_view.setOnClickListener {
        // load js on click button
        binding.webview.loadUrl("javascript:myFunction(\"$str_name\")")
    }

index.js

function myFunction(str_name)
{
document.getElementById("demo").innerHTML = str_name;
}

GeneralCF.html

        <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlusÂ®">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>Document</title>
        <script src="index.js"></script>
    
    </head>
    <body>
    
    <h1>This is my first webpage</h1>
    
    <p id="demo">A Paragraph.</p>
    
    <button type="button" onclick="myFunction()">Try it</button>
    
    
    </body>
    </html>

Collectives™ on Stack Overflow

How to load local HTML with JavaScript in Android WebView?

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Related