local page in webview not showing

Question

Using webView.loadUrl is working for https site , but not with my local page which is located in /Applications/MAMP/htdocs/test.html

webView.loadUrl("/Applications/MAMP/htdocs/test.html") is not working
webView.loadUrl("http://localhost:8080/test.html"); is not working

Below is the test.html file

<!DOCTYPE html>
<html>
<head>
<title>Sample Page</title>
</head>
<body>

<h2>JS alert Example</h2>

<button onclick="myFunction()" >Try it</button>

<script>
function myFunction (){
    Android.showToast("Sample Android toast message");
}
</script>

</body>
</html>

Now I want to load this page using webView .

Below is the mainactivity.java code

    public class MainActivity extends AppCompatActivity {
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        getSupportActionBar().hide();
        webView = (WebView) findViewById(R.id.webview);
        webView.loadUrl("http://127.0.0.1:8080/test.html");

        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
        webView.addJavascriptInterface(new WebAppInterface (this), "Android");



    }
}

Below is my WebInterface java class :

public class WebAppInterface {

    private Context context;

    public WebAppInterface (Context context){
        this.context = context;
    }

    @JavascriptInterface
    public void showToast (String message){
        Toast.makeText(context,message,Toast.LENGTH_LONG).show();
    }
}

Now ,I cant understand why it is not loading the web page mentioned in webView.loadUrl . Note: I having given internet permissions in manifest file.

score 1 · Accepted Answer · answered Aug 13 '18 at 12:54

So if the file is local in the device (android phone), you need to have the path of the file. If the file is bundled in the assets, you can open the file like:

webView.loadUrl("file:///android_asset/filename.html");

Or if you can't find it, you can put the file in the raw resources and read the file into a string and then use:

webView.loadData(htmlString, "text/html", "utf-8");

In any case, most probably the problem you have is you can't find the file. So make sure you are placing the file in the proper place in the assets, or resources. And you are accessing the file correctly.

Here is the documentation on how to access the resources: https://developer.android.com/guide/topics/resources/providing-resources

If what you mean by local is on your computer, and you are hosting the file (which I assume would be just for testing), then you need to connect the android device / emulator to the same local network as your computer and then access via the local ip of your computer.

And here is another question similar to this that has already been answered: Load HTML file into WebView

I exactly did this but it gives error "the webpage at file:///assets/test.html couldn't be loaded because file not found" — Raja Hassan, Aug 13 '18 at 13:09
Where in the structure did you place the file? And it should be referenced with file:///android_asset, not file:///assets. You can look at this link to know where it needs to go: http://envyandroid.com/assets-android-studio/ — juancamilo87, Aug 13 '18 at 13:13
you are right it was android_asset , I was using assets/test.html . Plz tell the reason — Raja Hassan, Aug 13 '18 at 13:17
The file path of the assets is called android_asset. That's the reason. — juancamilo87, Aug 13 '18 at 13:18

local page in webview not showing

1 Answers1