Web app not working on IPad but works on desktop browser

Question

This question was migrated from Web Applications Stack Exchange because it can be answered on Stack Overflow. Migrated 7 years ago .

I am creating a web application that runs on an ipad using JQuery, CSS and HTML, when i test my application on a web browser everything works perfectly, but when i access the web app through the ipads browser all the windows look the same but none of the functionality is there. I have no idea why because i have all the .js files imported into the .html files and all the functionality works on the safari and fire on the desktop.... It is as if the web app on the ipad is ignoring all my .js files!

here is a picture of my files and i can add code if anybody wants it

Does anyone have any ideas why the functionality would not be working on the ipad?

Answer 1

You can try to launch the web application on a Webkit browser which is what is used in iPad and try to figure out what the issue is. Webkit browsers include Safari and Google Chrome. Using these launch the Web Inspector and see if there are any errors loading javascript files by going to Network Tab.

Answer 2

You can use the remote debuging feature with the ipad and safari. Warning this only works on IOS 6 http://moduscreate.com/enable-remote-web-inspector-in-ios-6/