How to use Firebug on your iPad and iPhone

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:

130

December 2nd, 2011 -

130 notes

  1. branding-greece reblogged this from mrtnkl
  2. seamile reblogged this from mrtnkl and added:
    使いたい時に。Textastic でも見れるんだけど、WordPress いじってるときとか。
  3. makaros25 reblogged this from mrtnkl
  4. kokinal32 reblogged this from mrtnkl
  5. fokakier21 reblogged this from mrtnkl
  6. fakoi-epafhs reblogged this from mrtnkl
  7. farmakeio21 reblogged this from mrtnkl
  8. dirpros92 reblogged this from mrtnkl
  9. prosdir23 reblogged this from mrtnkl
  10. blog-u-like reblogged this from mrtnkl
  11. mp-security reblogged this from mrtnkl
  12. seogreecesite90 reblogged this from mrtnkl
  13. seki3 reblogged this from mrtnkl
  14. allchemicals reblogged this from mrtnkl
  15. mrjoakim reblogged this from mrtnkl
  16. yeubutchi reblogged this from mrtnkl
  17. esaiz reblogged this from mrtnkl
  18. uxkitchen reblogged this from mrtnkl
  19. bkpkr reblogged this from mrtnkl
  20. snoow3 reblogged this from mrtnkl
  21. cotapon reblogged this from mrtnkl
  22. kennethcachia reblogged this from mrtnkl
  23. creativeimagic reblogged this from mrtnkl
  24. gokazy reblogged this from mrtnkl
  25. tatakaka2010 reblogged this from mrtnkl
  26. yyouyouu reblogged this from mrtnkl
  27. mrtnkl posted this

Comments

blog comments powered by Disqus