Issues in loading Angular JS website in Android Webview

Question

Hi EveryOne I am trying to load GTV into Android WebView.It loads in Mobile browser quite well but not in webview. Here is my Code.

  WebView theWebPage  = new WebView(this);
    theWebPage.getSettings().setJavaScriptEnabled(true);

    theWebPage.getSettings().setPluginState(WebSettings.PluginState.ON);
    super.onCreate(savedInstanceState);
    getSupportActionBar().hide();
    setContentView(theWebPage);
    WebViewClient client = new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return false;
        }
    };
    theWebPage.setWebViewClient(client);

// client.onPageStarted(theWebPage);

    theWebPage.loadUrl("http://gtvqa.com/#!/");

Have a look at developer.android.com/guide/webapps/debugging.html — F43nd1r
– F43nd1r, Commented Feb 16, 2016 at 21:23

Zohar Revivo · Accepted Answer · 2018-09-06 15:44:16Z

17

I found this function helpful

this.webView.getSettings().setDomStorageEnabled(true);

answered Sep 6, 2018 at 15:44

Zohar Revivo

5351 gold badge7 silver badges18 bronze badges

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

3 Comments

Joel Over a year ago

Welcome to SO! When posting code as solutions, it is helpful to explain how your code solves OP's problem :)

Zohar Revivo Over a year ago

I had the same issue. I tried to wrap a web application based on AngularJs with webView in android studio. When I tried to log in nothing happened. After putting this line of code the application worked like magic within webView :)

EsbenG Over a year ago

This solved my issues.

MBielski · Accepted Answer · 2016-02-16 21:43:03Z

8

AngularJS requires an HTML5-compliant browser and I don't think that the default Android WebView is. Unless you are the developer of that website and can add modernizer to the page to attempt to account for older, non-compliant browsers, you might not be able to solve this.

answered Feb 16, 2016 at 21:43

MBielski

6,6103 gold badges36 silver badges46 bronze badges

4 Comments

Muhammad Ali Over a year ago

Ofcource I can add.By mordenizer do you mean modernizer.js ? I'll add and see.

Muhammad Ali Over a year ago

I found another way to enable HTML5 in Enable HTML5 in WebView. By The way you identified the real problem.Thanks @mbielski

MBielski Over a year ago

Yes, that is what I meant (modernizer.js) but glad you found a better solution to the problem.

Brijesh Lakkad Over a year ago

I was looking for the reason why my angular 9 was not starting as expected. You saved me! Thanks!

Shamsul Arefin · Accepted Answer · 2018-07-04 05:58:06Z

By default android webview doesn't support HTML5 features, therefore sometimes there are issues with a AngularJS site.

You have to enable the HTML5 in webview to solve that issue.

Follow this method, you will be fine.

private void initWebView(View view) {
    webView=findViewById(R.id.webView);
    loadWebViewDatafinal(webView, webURL);
}

private void loadWebViewDatafinal(WebView wv, String url) {
        WebSettings ws=wv.getSettings();

        ws.setJavaScriptEnabled(true);
        ws.setAllowFileAccess(true);


        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.ECLAIR) {
            try {
                Log.e("WEB_VIEW_JS", "Enabling HTML5-Features");
                Method m1=WebSettings.class.getMethod("setDomStorageEnabled", new Class[]{Boolean.TYPE});
                m1.invoke(ws, Boolean.TRUE);

                Method m2=WebSettings.class.getMethod("setDatabaseEnabled", new Class[]{Boolean.TYPE});
                m2.invoke(ws, Boolean.TRUE);

                Method m3=WebSettings.class.getMethod("setDatabasePath", new Class[]{String.class});
                m3.invoke(ws, "/data/data/" + getActivity().getPackageName() + "/databases/");

                Method m4=WebSettings.class.getMethod("setAppCacheMaxSize", new Class[]{Long.TYPE});
                m4.invoke(ws, 1024 * 1024 * 8);

                Method m5=WebSettings.class.getMethod("setAppCachePath", new Class[]{String.class});
                m5.invoke(ws, "/data/data/" + getActivity().getPackageName() + "/cache/");

                Method m6=WebSettings.class.getMethod("setAppCacheEnabled", new Class[]{Boolean.TYPE});
                m6.invoke(ws, Boolean.TRUE);

                Log.e("WEB_VIEW_JS", "Enabled HTML5-Features");
            } catch (NoSuchMethodException e) {
                Log.e("WEB_VIEW_JS", "Reflection fail", e);
            } catch (InvocationTargetException e) {
                Log.e("WEB_VIEW_JS", "Reflection fail", e);
            } catch (IllegalAccessException e) {
                Log.e("WEB_VIEW_JS", "Reflection fail", e);
            }
        }

        wv.loadUrl(url);
    }

MarianD · Accepted Answer · 2018-09-06 18:23:25Z

-1

Just in case someone is wondering wants a c# answer,

webView.Settings.JavaScriptEnabled = true;

This one line saved my life.

edited Sep 6, 2018 at 18:23

MarianD

14.4k12 gold badges50 silver badges61 bronze badges

answered Aug 3, 2018 at 5:26

Pari Prakash

1411 silver badge8 bronze badges

2 Comments

Michał Turczyn Over a year ago

Add explanation to your code and format it correctly.

Pari Prakash Over a year ago

My android webview was unable to load an angular website. After trying a lot of unsuccessful fixes, adding this line to my initialized webview worked and the website loaded perfectly: webView.Settings.JavaScriptEnabled = true;

Collectives™ on Stack Overflow

Issues in loading Angular JS website in Android Webview

4 Answers 4

3 Comments

4 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related