iPhone window.open(url, '_blank') does not open links in mobile Safari

ios html iphone-standalone-web-app
joeforker picture joeforker · Dec 8, 2011 · Viewed 17.6k times · Source

I'm sending users to some .pdfs in a standalone web app (saved to home page, no PhoneGap) on iPhone/iPad. With window.open(url, '_blank'); these documents open on top of the web app and since there is no back button there is no way to get back. Can I open these in a new window in JavaScript, or do I just need to use a real a href?

Answer

Thanos T. M. picture Thanos T. M. · Jun 5, 2019

I'm sure you can do it using JavaScript, but doing it with an anchor tag would be much easier. All you have to do is add a "target="_blank" attribute to the anchor tag and it should work:

<a href="https://www.pdflink.com" rel="PDF link" target="_blank">Link Text</a>

Related questions

Why HTML5 video doesn't play in IOS 8 WebApp(webview)?

Simple HTML5 video plays on safari browser. but after adding it to home screen(Standalone WebApp), it doesn't work. It is working on iOS7 but stopped working on iOS8. <!DOCTYPE html> <head> <meta charset="utf-8"&…

Read More
Is it possible to force iphone/ipod to update apple-touch-icon once webapp is added to home screen?

I have created a webapp using all of the recommended link and meta tags for safari, eg. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" …

Read More
How do you disable viewport zooming on Mobile Safari?

I've tried all three of these to no avail: <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; …

Read More