Force link to open in mobile safari from a web app with javascript

by

This is possible. Tested with iOS5 stand-alone web app:

HTML:

<div id="foz" data-href="http://www.google.fi">Google</div>

JavaScript:

document.getElementById("foz").addEventListener("click", function(evt) {
    var a = document.createElement('a');
    a.setAttribute("href", this.getAttribute("data-href"));
    a.setAttribute("target", "_blank");

    var dispatch = document.createEvent("HTMLEvents");
    dispatch.initEvent("click", true, true);
    a.dispatchEvent(dispatch);
}, false);

Can be tested here: http://www.hakoniemi.net/labs/linkkitesti.html

More Related Contents:

  1. How to open Safari from a WebApp in iOS 7
  2. How to open a native iOS app from a web app
  3. iOS 8 removed “minimal-ui” viewport property, are there other “soft fullscreen” solutions?
  4. Copy to clipboard using Javascript in iOS
  5. Simplest way to detect a pinch
  6. Programmatically focus on next input field in mobile safari
  7. Is there any way to use window.onbeforeunload on Mobile Safari for iOS devices?
  8. How to detect in iOS webapp when switching back to Safari from background?
  9. Strange behavior of select/dropdown’s onchange() JS event when using ‘Next’ on Mobile Safari Dropdown list item select box
  10. Detect if page is loaded inside WKWebView in JavaScript
  11. Is it possible, in JavaScript, to detect when the screen is turned off in the Android & iOS browsers
  12. Is there an alternative method to use onbeforeunload in mobile safari?
  13. How to decide when to use Node.js?
  14. JavaScript; communication between tabs/windows with same origin [duplicate]
  15. onclick function runs automatically
  16. How to prevent simultaneous logins of the same user with Firebase?
  17. Web app in tvOS
  18. Multiple “apple-touch-startup-image” resolutions for iOS web app (esp. for iPad)?
  19. Javascript date is invalid on iOS
  20. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  21. Can I use Javascript to get the compass heading for iOS and Android?
  22. Embedding Google Apps Script in an iFrame
  23. Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
  24. ‘pageshow’ is not received when pressing “back” button on Safari on *IPad”
  25. Parse request.object.get(“KEY”) always returns undefined
  26. Google Script HTML form from Library throws error Uncaught
  27. How to detect if web app running standalone on Chrome mobile
  28. No sound on iOS 6 Web Audio API
  29. Determine if point is within bounding box
  30. Low power mode detection in JavaScript for iOS11?

Leave a Comment