Website javascript not running on iphone (safari)

Question

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). However when I look at the site through an iphone none of the javascript is running.

Site is www.alexchapman.co.uk, I have checked that js is enabled on the iphone and I am not getting any error messages on the phone. The site is a bit slow so I am connecting to the site on the iphone via a wi-fi connection.

My question is where do I begin trying to sort this out. I don't have access to a mac. Is there anything I can run on the iphone similar to firbug or ie dev tools to try to see what's happening here? I tried the Electronic Mobile Simulator but this shows the site working fine (although I realise this isn't a proper iphone emulation)

Has anyone had a similar issue?

Answer 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".

Answer 2

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.