How to open an HTML project on the iPad

I have an HTML project (CSS/JS/jQuery) that I’d like to test on an iPad (in Safari). From what I’ve read, iOS browsers don’t support the file:///path/to/project protocol, and even if it did, I don’t believe that you’d be able to navigate the file system to where your project is located.

Please correct me on any of this information if I’m wrong, I’m an Android guy so much of this is new to me. Nonetheless, I tried to use an app called Fileapp to solve my problem. I was able to access and load my project, but it was within Fileapp’s native browser, and not Safari (unless it actually WAS Safari and it was just masked).

Does anybody know of a solution to my problem (preferably free)?

Answer

2016 UPDATE:

There are several services which now make this easy. If you don’t have your own web server check out one of these free services which make updating a live webpage from your PC easy:

Heroku

Git Pages

Both of these services require using git, learn it, you won’t regret it.

Days of FTPing or using Dropbox to serve html to an iPad are long gone.

If you need to be able to do this while not connected to the internet check out this article on using local IP tunneling. This would essentially open up the localhost on your PC to be viewed by anyone on a wifi network, regardless of if the wifi was actually connected to the Internet.

http://wesbos.com/localhost-mobile-device-testing/

I prefer Heroku as I am more likely to be switching between locations and PC’s than I am to be on a wifi network without an Internet connection.

OLD ANSWER 2012

Get a Dropbox account and put the project in your public folder.

Right click to get the public link and then browse to that location on your iPad.


When I get link from the iPad app it doesn’t work it just shows the raw html with a URL structure like so

dropbox.com/s/…

When I go to the website and copy public link (only available if the file is in PUBLIC FOLDER) I get the link that actually works.

Leave a Reply

Your email address will not be published. Required fields are marked *