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:

141

141 notes

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

Comments

blog comments powered by Disqus