I recently developed a website that fetches mixed http/https content. Due to this, I always get the address bar displayed on top (It doesn't auto-hide like in other websites). Here's what I'm talking about:
This is the link to the website.
The content is fetched from various sources, hence filtering non-https content is not possible. And since the website is meant for reading, a non-full-screen display is painful for the reader. So, is there a way to force the auto-hide behavior?
PS: The website uses Twitter Bootstrap, if it helps.
PPS: I don't want to use the full-screen API, it'll be too heavy for this.
Step 1: Type about:flags in the Chrome address bar and hit Enter. Step 2: Scroll down the list until you see Compact Navigation. Step 3: Enable Compact Navigation and let Chrome restart to access the feature. Step 4: Once the Chrome opens, right-click one of the tabs and then select Hide the toolbar.
Open Settings, then open Apps. In the All apps list, find Google app, or just Google, tap it and select disable. Reboot your phone and the Search bar should be gone!
To do this tap on the 3 dots on upper right corner of the screen and then tap on Find in page, for automatic searching. In the search bar type “chrome home” and hit enter. From Chrome Home Android section, open the menu by clicking on the tab where Default is written. From the list choose Enabled.
Check this has everything you need
http://www.html5rocks.com/en/mobile/fullscreen/
The Chrome team has recently implemented a feature that tells the browser to launch the page fullscreen when the user has added it to the home screen. It is similar to the iOS Safari model.
<meta name="mobile-web-app-capable" content="yes">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With