Android: web application works in Chrome but not in Webview

Question

I use ng-hide and ng-show in my web application to handle what is displayed based on the user's login state. This works fine if I go to the Chrome browser on my phone and launch the site.

However, when I try to display it in a web browser in my application or in a browser without a default browser, it does not work. None of the content is hidden, and buttons bound to angularJS functions do not work. Please note that I have setJavaScriptEnabled(true) set.

When I looked at this problem, I noticed that some AngularJS features do not work in certain browsers (especially IE), so it may be possible that AngularJS is not compatible with the default web view. So, is there a workaround or some way to make the web browser emulate the Chrome browser?

App in Chrome browser: http://gyazo.com/8a8a56bdac1eb7e91753bc4745433a42 App on Webview: http://gyazo.com/a58de6192aa822af05a2885560e66f91

Logcat has the following errors that I investigated, and it makes no sense, since both variables have no problems in non-web-based environments.

E / Web Console: Untrained SyntaxError: Unexpected ID: 103
E / Web Console :: Uncaught Error: No module: AuthApp: 17

An unrelated syntax error matches below, where the results are the query results I get from Parse. Please note that I checked the contents of the results in other browsers and actually returns the results in my query.

  for (var result of results){ ... } 

Answer 1

try these settings in your webview. I have had success in the past with these

 mWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setAllowUniversalAccessFromFileURLs(true); webSettings.setDomStorageEnabled(true); mWebView.setWebChromeClient(new WebChromeClient());