Website Javascript Not Running On Iphone (safari)

I do not have a specific block of code to post here, my website includes a fair bit of javascript/jquery which works great on android and modern desktop browsers (including Safari)

Solution 1:

You might want to turn on the Debug Console. I note the last error I find on your page is "JavaScript: Error: undefined. JavaScript execution exceeded timeout".

Solution 2:

I just took a look at your site in webkit, and it is complaining about your viewport meta tag. Instead of separating your viewport content parameters with semicolons, use commas. LIke this:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

Solution 3:

Disable popup blocker if it's enabled under safari settings.

Solution 4:

There's some workarounds to test iPhone. Try one of this tips. You can rent a mac, use a virtual machine, build a hackintosh or use a developer tool that has resources to test.

However, just see the website on iPhone is not enough to solve the problem. If you need to debug, there's a way to do it via Chrome Dev Tools. Take a look at this tutorial.

Those resources can help you to discover a solution.

Solution 5:

This website does not seem to be designed for browsing on a mobile device. I would recommend having a separate, much simpler website specifically designed for mobile browsing. This way you can tailor your HTML/Javascipt taking into account screen size, touch sensitivity and performance. You can use the same URL and redirect to the appropriate website depending on the browser type (mobile or non-mobile). If you decide to take that route, I would recommend looking into Javascript libraries such as JQuery Mobile.