I have been working on an AngularJS app that is being displayed in a Webview on Android. Everything was functioning properly until yesterday when I started encountering issues with Angular not rendering the DOM correctly. I have tested the app on various versions of Android, including API 19 and 20, but have not had any success.
Below is the code used to initialize the webview:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home);
mWebView = (WebView) findViewById(R.id.wv);
// Clear cache
mWebView.clearCache(true);
// Enable Javascript
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.setWebViewClient(new WebViewClient());
mWebView.loadUrl("http://demo.example.com");
}
The webpage runs perfectly fine on a regular Chrome Tablet, but encounters issues when displayed within the webview.
I have been searching for a solution for some time now. Any help would be greatly appreciated.
UPDATED:
I have also experienced the same error on Mac OS Maverick Safari 8.0.5 and iPad. My suspicion is that a recent update from both Apple and Google may be causing conflicts with AngularJS functionality...