Setting up a debugging environment on the iPad
My recent assignment has been to work on iPad compatibility for a web video player project. Of course, out of the box, an iPad doesn’t have any tools to make that easier. It can be very difficult to figure out what’s going wrong when you have nothing but the view of your site in the browser. Here are some helpful links/tips on how to set up your iPad (or iPhone) for debugging.
First set up Safari so that you can see the console logging.
Once you have the saver bookmarklet visit these sites for your tools:
- FireBug Lite Yes! FireBug on the iPad! Rejoice!
- View Source
- A nice suite of tools including an HTTP header viewer
- Various debugging tools
- And even more tools
There are many other helpful bookmarklets out there if you search for them.
So you’re thinking: “Dang, how do I get all those URLs on to the iPad in the first place since my dev one doesn’t have email hooked up? I sure don’t want to type all that on the soft keyboard…”. Well, you’re in luck. There’s a great service you can put your links in called TextSnip that will let you put any bits of text (code snippets, urls, whatever you need) on their site for retrieval somewhere else. You can even customize the url so it’s easy for you to remember (if you do this, create an account on the site to have access to all your snips in the future!). You could use Del.icio.us or any other bookmarking service, but TextSnip is very handy and not just for URLs.
So now you have a half-way decent debugging environment on the iPad. Have fun coding!