CODEWITHSUNDEEP
javascript
Pritam Saha
Pritam Saha

Reputation: 11

How to hide Address bar of a responsive webapp when opening through mobile browser?

I have a responsive webApp which is accessible from both Web Browser and Mobile browser. I want to hide the address bar once the application loads and this will continue in every other page of the application so that it feels like an APP. Can it be achieved through Javascript?

Upvotes: 1

Views: 2753

Answers (3)

Sunil Kumar
Sunil Kumar

Reputation: 3242

You can set your website in full screen mode using this method your address bar will hide automatically. You can set browser as full width using JQuery OR Meta Tags, Please refer this link.

It will help you.

Thanks

Upvotes: 0

Rajesh Dan
Rajesh Dan

Reputation: 467

Well if you are planning to add some extra config in your responsive web app, then you can do it. Take a look at Progressive Web App. In this type user have the option to "Add to homescreen" for any mobile device. Then the address bar will be hidden for this kind of app.

The main thing you have to add in the Manifest.

Hope this helps.

Upvotes: 1

Reinder Wit
Reinder Wit

Reputation: 6615

If by 'address bar' you mean the top bar where you enter the website url, then no: you cannot modify the appearance of the browser just by javascript.

You used to be able to open a window without the address bar through javascript, but for security reasons that is no longer possible as users should be able to see on what domain they're on.

Most mobile browsers already have this kind of behaviour by the way, where they hide the address bar once you're scrolling the web page...

Upvotes: 0

Related Questions