Question

For mobile web development: I am making a website which asks the user (on an iPhone or iPod Touch) to save the page as a bookmark on the homescreen.

I do not want to show this message when the user already has a bookmark, so how can I check that (preferably using JavaScript, I don’t know any other way).

Any tips are welcome.

Answer 1

You can check it with JavaScript via window.navigator.standalone. Look here for details.

if (("standalone" in window.navigator) &&!window.navigator.standalone) {
  // Show the text for adding it as a 'bookmark'/app on home screen.
}