Removing address bar from browser to view on Android

Question

Does anyone know how I can remove the address bar from the Android browser to better view my web app and make it look more like a native app

User · Answer

The one below works for me every time    This site also has a few other suggestions  but this no-nonsense  no-worry one is available in a github gist and answers your question  pasted here for convenience    function hideAddressBar       if  window location hash            if document height  lt  window outerHeight                    document body style height    window outerHeight   50     px                  setTimeout  function    window scrollTo 0  1      50           window addEventListener  load   function    if  window pageYOffset   hideAddressBar           window addEventListener  orientationchange   hideAddressBar      As far as I can tell  the combination of extra height added to the page  which caused problems for you  and the scrollTo   statement make the address bar disappear   From the same site the  simplest  solution to hiding the address bar is using the scrollTo   method   window addEventListener  load   function     window scrollTo 0  1         This will hide the address bar until the user scrolls   This site places the same method inside a timeout function  the justification is not explained  but it claims the code doesn t work well without it       When ready    window addEventListener  load  function          Set a timeout      setTimeout function           Hide the address bar       window scrollTo 0  1        0

User · Answer

I hope it also useful  window addEventListener  load   function          if  window pageYOffset                 hideAddressBar               window addEventListener  orientationchange   hideAddressBar

User · Answer

Referring to Volomike s answer  I would suggest replacing the line   nViewH -  250    with   nViewH   nViewH   window devicePixelRatio    It works exactly as I check on a HTC Magic  PixelRatio   1  and a Samsung Galaxy Tab 7   PixelRatio   1 5

User · Answer

Here s the NON-jQuery solution that instantly removes the address bar without scrolling   Also  it works when you rotate the browser s orientation   function hideAddressBar      if document documentElement scrollHeight lt window outerHeight window devicePixelRatio      document documentElement style height  window outerHeight window devicePixelRatio   px     setTimeout window scrollTo 1 1  0     window addEventListener  load  function   hideAddressBar       window addEventListener  orientationchange  function   hideAddressBar         It should work with the iPhone also  but I couldn t test this

User · Answer

this works on android  at least on stock gingerbread browser     lt body onload  document body style height  2 window innerHeight-window outerHeight   px    gt  lt  body gt    further if you want to disable scrolling you can use   setInterval function   window scrollTo 1 0   50

User · Answer

Here s an example that makes sure that the body has minimum height of the device screen height and also hides the scroll bar  It uses DOMSubtreeModified event  but makes the check only every 400ms  to avoid performance loss   var page size check   null  q body   q body       body    bind  DOMSubtreeModified   function       if  page size check     null        return        page size check   setTimeout function         q body css  height            if  q body height    lt  window innerHeight          q body css  height   window innerHeight    px              if    window pageYOffset  gt  1           window scrollTo 0  1             page size check   null       400         Tested on Android and iPhone

User · Answer

The problem with most of these is that the user can still scroll up and see the addressbar  To make a permanent solution  you need to add this as well     WHENEVER the user scrolls   window  scroll function          if you reach the top     if    window  scrollTop      0           scroll back down        window scrollTo 1 1

User · Answer

Finally I Try with this  Its worked for me      public void onCreate Bundle savedInstanceState         super onCreate savedInstanceState       setContentView R layout activity ebook          webview use to call own site     webview   WebView findViewById R id webView1        webview setWebViewClient new WebViewClient                webview  getSettings   setJavaScriptEnabled true       webview  getSettings   setDomStorageEnabled true            webview loadUrl  http   www google com         and your entire main xml res layout  look should like this    lt WebView  xmlns android  http   schemas android com apk res android  android id    id webView1  android layout width  fill parent  android layout height  fill parent    gt    don t go to add layouts

User · Answer

You can do that with the next code   if navigator userAgent match  Android i        window scrollTo 0 1        I hope it helps you

User · Answer

I found that if you add the command to unload  he keeps down the page  ie the page that move  Hope it works with you too      window addEventListener  load   function     window scrollTo 0  1       window addEventListener  unload   function     window scrollTo 0  1         Using a 7-inch tablet with android  www kupsoft com visit my website and check how it behaves page  I use this command in my portal

User · Answer

If you ve loaded jQuery  you can see if the height of the content is greater than the viewport height  If not  then you can make it that height  or a little less   I ran the following code in WVGA800 mode in the Android emulator  and then ran it on my Samsung Galaxy Tab  and in both cases it hid the addressbar     document  ready function        if  navigator userAgent match  Android i         window scrollTo 0 0      reset in case prev not scrolled       var nPageH     document  height        var nViewH   window outerHeight      if  nViewH  gt  nPageH          nViewH -  250           BODY   css  height  nViewH    px              window scrollTo 0 1

[javascript] Removing address bar from browser (to view on Android)

Examples related to javascript

Examples related to android

Examples related to mobile