Web developers targetting HTML5 on iDevices would really benefit from having Web Developer Tools or Firebug on Mobile Safari. Enter Firebug Lite! However, iPads, iPhones and bookmarklets don’t go well together, so I put together this little howto.

All credits to Joe Hewitt for creating Firebug.

  1. Surf to this page on your iPad or iPhone and bookmark it 
  2. Rename the bookmark to “Firebug”. As you can see, the URL is uneditable right now
  3. Tap on this textarea 
  4. Tap it again, choose “Select All” followed by “Copy”
  5. Edit the Firebug bookmarklet, remove the URL and paste the bookmarklet
  6. Choose “Done” (on the virtual keyboard) and you’re all set

Hitting that bookmarklet should give you a fully functioning Firebug at the bottom of your iPad’s viewport, like this:

143

143 notes

  1. webdevnerd reblogged this from mrtnkl
  2. ngmy reblogged this from mrtnkl
  3. aqmnguyen reblogged this from mrtnkl
  4. seamile reblogged this from mrtnkl and added:
    使いたい時に。Textastic でも見れるんだけど、WordPress いじってるときとか。
  5. fokakier21 reblogged this from mrtnkl
  6. farmakeio21 reblogged this from mrtnkl
  7. dirpros92 reblogged this from mrtnkl
  8. prosdir23 reblogged this from mrtnkl
  9. autopijaca reblogged this from mrtnkl
  10. seki3 reblogged this from mrtnkl
  11. allchemicals reblogged this from mrtnkl
  12. mrjoakim reblogged this from mrtnkl
  13. dangtinh reblogged this from mrtnkl
  14. esaiz reblogged this from mrtnkl
  15. uxkitchen reblogged this from mrtnkl
  16. bkpkr reblogged this from mrtnkl
  17. mrtnkl posted this

Comments

blog comments powered by Disqus