# Black screen on Android Webview

**URL:** <https://discourse.nodered.org/t/black-screen-on-android-webview/4496>\
**Category:** Dashboard\
**Created:** [2 November 2018 09:40 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496 "2018-11-02T09:40:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![iungo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/iungo/32/8099_2.png) [@iungo](https://discourse.nodered.org/u/iungo)\
**Post date:** [2 November 2018 09:40 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/1 "2018-11-02T09:40:35Z")

</div>

I wrote a very simple android application to display fullscreen view for a localhost.

When I starting it with url [http://192.168.0.99:1880](http://192.168.0.99:1880) I see nodered flows same as on browser, But when I go to dashboard page I see only black screen.

If I change url in the code to [http://192.168.0.99:1880/ui/#/0](http://192.168.0.99:1880/ui/#/0) I see the black screen on start.

Part of code:

```
myWebView.loadUrl("http://192.168.0.99:1880");
myWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.setWebViewClient(new WebViewClient());

```

 ![PNG](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/f/f8dbbe458e61ba5e0ac3a489ea6ce4c34545cfad.jpeg) ![PNG](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/b/bf6dbabe04b2573bc79b51aea8ca25cd6f3dc864.jpeg)

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [2 November 2018 10:01 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/2 "2018-11-02T10:01:19Z")

</div>

Do you mean that if you run it on your phone in the phone's browser it works, but in your app it doesn't?

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [2 November 2018 10:15 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/3 "2018-11-02T10:15:37Z")

</div>

Which version of Android are you using? I don't think webview supported websockets before Android 4.4. Though actually I am not sure whether the Editor uses sockets so that may be a red herring.

---

<div class="post-metadata">

**Author:** ![iungo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/iungo/32/8099_2.png) [@iungo](https://discourse.nodered.org/u/iungo)\
**Post date:** [2 November 2018 10:50 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/4 "2018-11-02T10:50:07Z")

</div>

In browser all work fine.

Android 5.1

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [2 November 2018 11:15 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/5 "2018-11-02T11:15:44Z")

</div>

Don't know then, sorry. Is Add to Home Screen from the browser not good enough? It should go full screen.

---

<div class="post-metadata">

**Author:** ![iungo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/iungo/32/8099_2.png) [@iungo](https://discourse.nodered.org/u/iungo)\
**Post date:** [2 November 2018 13:47 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/6 "2018-11-02T13:47:48Z")

</div>

Here is debug messages from Android Studio  
...  
I/chromium: [INFO:CONSOLE(499)] "Rendered [http://192.168.0.99:1880/ui/css/app.min.less](http://192.168.0.99:1880/ui/css/app.min.less) successfully.", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
I/chromium: [INFO:CONSOLE(499)] "CSS for [http://192.168.0.99:1880/ui/css/app.min.less](http://192.168.0.99:1880/ui/css/app.min.less) generated in 555ms", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
[INFO:CONSOLE(499)] "Less has finished. CSS generated in 555ms", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
I/chromium: [INFO:CONSOLE(140)] "You are using the ngTouch module.  
AngularJS Material already has mobile click, tap, and swipe support...  
ngTouch is not supported with AngularJS Material!", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (140)  
I/chromium: [INFO:CONSOLE(140)] "SideNav 'left' is not available! Did you use md-component-id='left'?", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (140)  
I/chromium: [INFO:CONSOLE(140)] "TypeError: Cannot read property 'getItem' of null  
at [http://192.168.0.99:1880/ui/js/app.min.js:563:5012](http://192.168.0.99:1880/ui/js/app.min.js:563:5012)  
at a ([http://192.168.0.99:1880/ui/js/app.min.js:563:5111](http://192.168.0.99:1880/ui/js/app.min.js:563:5111))  
at [http://192.168.0.99:1880/ui/js/app.min.js:563:5314](http://192.168.0.99:1880/ui/js/app.min.js:563:5314)  
at [http://192.168.0.99:1880/ui/js/app.min.js:181:310](http://192.168.0.99:1880/ui/js/app.min.js:181:310)  
at f ([http://192.168.0.99:1880/ui/js/app.min.js:66:492](http://192.168.0.99:1880/ui/js/app.min.js:66:492))  
at [http://192.168.0.99:1880/ui/js/app.min.js:69:418](http://192.168.0.99:1880/ui/js/app.min.js:69:418)", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (140)  
I/chromium: [INFO:CONSOLE(499)] "Rendered [http://192.168.0.99:1880/ui/css/app.min.less](http://192.168.0.99:1880/ui/css/app.min.less) successfully.", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
I/chromium: [INFO:CONSOLE(499)] "CSS for [http://192.168.0.99:1880/ui/css/app.min.less](http://192.168.0.99:1880/ui/css/app.min.less) generated in 215ms", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
[INFO:CONSOLE(499)] "Less has finished. CSS generated in 215ms", source: [http://192.168.0.99:1880/ui/js/app.min.js](http://192.168.0.99:1880/ui/js/app.min.js) (499)  
...

---

<div class="post-metadata">

**Author:** ![iungo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/iungo/32/8099_2.png) [@iungo](https://discourse.nodered.org/u/iungo)\
**Post date:** [4 November 2018 09:10 UTC](https://discourse.nodered.org/t/black-screen-on-android-webview/4496/7 "2018-11-04T09:10:32Z")

</div>

Solved, need to add in code

setDomStorageEnabled(true);  
setJavaScriptCanOpenWindowsAutomatically(true);