Block iPad web application from displaying a Safari address bar - Address, application, Bar, block, iPad, program, safari, Show, WEB

I run a web application on Safari on the iPad. I start the application from the iPad homepage. I want the application to start in full screen mode and continue to run in full screen mode (ie The Safari address bar is not displayed). Therefore, I have added the following meta tags to the website master page:

I launch the app from the iPad homepage, and it launches in full screen mode (the Safari address bar is not displayed), but when I click on one to the site Another page (using the same meta tag, inherited from the same meta tag) site main page) and then the address bar suddenly pops out of view (and remains in view). The link is as follows (I am using jQueryMobile):

Home

When navigating between internal pages, how to maintain Hide the address bar to force the web application to keep looking like a “native application”?

If you use external links, it seems that Mobile Safari will not “natively” support full screen. Once you Using html anchors, it will flip out of full screen mode. window.scrollTo may be a workaround for some people, but I also want to avoid the way the UI flips when switching to non-full screen mode.

The answer is to use window.location.assign(). This keeps the full-screen application in “native” full-screen mode. You only need to refactor your markup into a javascript window.location.assign(url) call-then Save the content in the full screen.

I run a web application on Safari on the iPad. I launch the application from the iPad homepage. I want the application Start in full-screen mode and continue to run in full-screen mode (that is, the Safari address bar is not displayed). Therefore, I have added the following meta tag to the website master page:

< pre>

I start the app from the iPad homepage, and it starts in full screen mode (not showing Safari Address bar), but when I click one to go to another page in the site (using the same meta tag, inherited from the same meta tag on the main page of the site), then the address bar suddenly pops out of view (and stays in view). The link is as follows (I am using jQueryMobile):

Home

When navigating between internal pages, how can I force the web application to keep looking like a “native application” by keeping the address bar hidden?

If you use external links, it seems that Mobile Safari will not “natively” support full screen. Once you use the html anchor, it will flip out of full screen mode .window.scrollTo may be a workaround for some people, but I also want to avoid the way the UI flips when transitioning to non-full screen mode.

The answer is to use window.location. assign(). This keeps the full-screen application in “native” full-screen mode. You only need to refactor your markup into a javascript window.location.assign(url) call-then save that content in the full screen.

Leave a Comment Cancel reply