Prevent links in standalone web apps opening mobile safari




I'm using this script for my mobile app. It is meant to be used as a standalone app on iPad, after users save the icon to their home screen. I'm having two issues with links, using this script. Anyone have any ideas on how does a user navigate back after opening a remote link. Seems like the user gets jailed at that point.

iOS Standalone Mode Links and Safari

Not clear to me what this script does. Is it only for packaged apps using webkit - i. Is the idea that all links remain inside the app instead of opening Safari on the iPhone? Now it works! Noep, it still freezes at times. Maybe it has nothing to to with the script. The reason why I'm proposing it is because if I have attached some other behavior to the same link and I prevent default on it, it won't work, because this tiny script will take over and redirect. On any desktop browser Chrome, Safari Thanks for this gist.

I ran into the same problem as lucianocn and I think I have solved it by checking for event. I think this might be an important addition to prevent conflicts with existing event handlers. Please consider adding it to the gist. Another suggestion. Instead of checking for the host and remotes flag, I have modified the code to simply look at the target attribute like this:. I made a bower installable snippet of the solution created here and called it iosweblinks. Anyone have any ideas? I've tried several different things thus far to prevent this link from opening outside of my app but I've had no luck yet.

I see this is a good four years old now. It doesn't seem to work for me in iOS 8. This is excellent. Works on iOS Thanks irae! In coffeescript:. Here is my modification for TypeScript application. For instance: I have a featherlight loading AJAX content. Skip to content. Sign up for a GitHub account Sign in. Instantly share code, notes, and snippets. Embed What would you like to do? Embed Embed this gist in your website. Share Copy sharable link for this gist. Learn more about clone URLs. Download ZIP. Code Revisions 3 Stars Forks Prevent links in standalone web apps opening Mobile Safari.

Reader Comments

This comment has been minimized. Sign in to view. Copy link Quote reply. The variable links will be created in the global scope here. This is actually the normal behavior in Safari. The workaround I've linked is a common approach to work around this behavior. I wrote this a short while ago to handle a lot of the edge cases for what iOS does in standalone mode. It handles the entry point useful for unifying with manfiest and it also redirects the user back to the page they were last on when it navigates outside the standalone experience this is useful because external URL's to the current site should really open up a new window and not reuse the current window.


  • Preventing Links In Standalone iPhone Applications From Opening In Mobile Safari.
  • Get Daily Developer Tips.
  • !
  • Preventing Links In Standalone iPhone Applications From Opening In Mobile Safari;
  • skype nokia n8 symbian anna?

Ah I see. I totally misread this at first - rereading the issue clarify what you meant. Thanks both!


  • iOS Standalone Mode Links and Safari.
  • Your Answer.
  • How to prevent fullscreen web apps from opening links in a new tab on iOS.
  • phone charger case iphone 6 plus?
  • karbonn k1616 apps and games!
  • zynga poker buat samsung galaxy young!
  • How do we reproduce the issue?;

We could definitely use the global click handler in AMP to make sure this happens. Thanks for the links. I suppose we can close in favor of Both require different fixes. Skip to content.

Progressive Web Apps: Integrating with Browsers and Operating Systems (Chrome Dev Summit 2017)

Dismiss Join GitHub today GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together. Sign up.

Prevent links in standalone web apps to be opened in Mobile Safari under iOS

New issue. User Input P3: When Possible Type: It works great. Only some things are not working. Try to add your calander appointment to your apple calander. In safari everything works great. When you add this code, its not working anymore. This snippet is available here so anyone can use it, thanks to jos: Regarding the calendar issue, we'll have a look, I added a not on our roadmap about this point. We'll address it whenever we have a minute. Thanks for your patience.

Stay Standalone: Prevent links in standalone web apps opening Mobile Safari · GitHub

Where did you include this code? I would like to use it without any resets after wordpress updates. Sign In. Jos started the conversation June 18, at

prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari
prevent links in standalone web apps opening mobile safari Prevent links in standalone web apps opening mobile safari

Related prevent links in standalone web apps opening mobile safari



Copyright 2019 - All Right Reserved