Load external javascript file inside HTML file from android assets folder into WebView

Question

I'm trying to load an external JavaScript file into an HTML file. Both are placed in the assets folder.

This is my htmlTest.html file:

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    <script src="test.js"></script>
</head>

<body>

    <script type="text/javascript">

        func();


    </script>

</body>

And this is my test.js file:

function func(){
    $(document).ready(function () {
        $('#EDIFICI').children().click(function () {
            alert($(this).attr('id'));
        });

    });
}

Both files are located in the root of the assets folder. I load htmlTest.html into my WebView like this:

wv.loadUrl("file:///android_asset/htmlTest.html");

If I put JavaScript code inline directly inside the HTML page it works, but it doesn't when I link an external JavaScript file.

touhid udoy · Accepted Answer · 2018-11-21 16:17:30Z

1

1.on onCreate add getSettings().setJavaScriptEnabled(true)

2.change .js like this

<head>
    <script type="text/javascript" src="test.js"></script>
</head>

answered Nov 21, 2018 at 16:17

touhid udoy

4,4703 gold badges23 silver badges34 bronze badges

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

Comments

MirlvsMaximvs · Accepted Answer · 2020-05-05 07:54:20Z

This worked for me:

 <head>
        <script type="text/javascript" src="file:///android_asset/xxxxx.js"></script>
</head>

And xxxxx.js is in the assets folder.

In the code

WebView.enableSlowWholeDocumentDraw();
        oWebView.clearCache(true);
        oWebView.setPadding(0, 0, 0, 0);
        oWebView.setInitialScale(1);
        oWebView.getSettings().setUseWideViewPort(true);
        oWebView.getSettings().setLoadWithOverviewMode(true);
        oWebView.getSettings().setSupportZoom(true);
        oWebView.getSettings().setBuiltInZoomControls(true);
        oWebView.setScrollbarFadingEnabled(false);
        oWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
        oWebView.getSettings().setJavaScriptEnabled(true);
        oWebView.setWebViewClient(new WebViewClient());

Khaustov Kirill · Accepted Answer · 2018-11-21 15:11:05Z

0

Try something like this

webView.evaluateJavascript(yourFileAsString)

answered Nov 21, 2018 at 15:11

Khaustov Kirill

699 bronze badges

2 Comments

Marco Ripamonti Over a year ago

It didn't help.

Khaustov Kirill Over a year ago

Variable yourFileAsString contains valid javascript or you pass file path?

Khaustov Kirill · Accepted Answer · 2018-11-21 16:06:12Z

0

Try to add your script as follow

<html>
  <head>
    <script type="text/javascript" src="test.js"></script>
  </head>

And add test.js file to folder with html

answered Nov 21, 2018 at 16:06

Khaustov Kirill

699 bronze badges

Comments

Marco Ripamonti · Accepted Answer · 2018-11-21 16:13:16Z

0

There was an error in my javascript file. It works like I stated in my example. Sorry for wasting your time.

answered Nov 21, 2018 at 16:13

Marco Ripamonti

993 silver badges14 bronze badges

Collectives™ on Stack Overflow

Load external javascript file inside HTML file from android assets folder into WebView

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related