Debugging HTML / CSS layout on an iPad
In creating a new store locator for Dairy Queen, my layouts were working well on all the supported browsers. On iPad, the layout works 99% but had some pixel discrepancies on a couple of elements. I found this article by Lorenzo Orlando Caum on debugging layouts in with FireBug Lite very helpful:
Definitely check out the article for more details. The summation:
- Go to Safari and create a new bookmark of any page (this will be a placeholder)
- Go to Bookmarks and edit the new bookmark – rename it to FireBug Lite (or whatever you’d like)
When you’re ready to use FireBug, click on that bookmark after the page has loaded and you’re ready to go. Pretty nifty!
Comments are closed