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:

90

December 2nd, 2011 -

90 notes

  1. steroidsblog reblogged this from mrtnkl
  2. seki3 reblogged this from mrtnkl
  3. elmoshfest reblogged this from mrtnkl
  4. allchemicals reblogged this from mrtnkl
  5. mrjoakim reblogged this from mrtnkl
  6. yeubutchi reblogged this from mrtnkl
  7. esaiz reblogged this from mrtnkl
  8. uxkitchen reblogged this from mrtnkl
  9. bkpkr reblogged this from mrtnkl
  10. snoow3 reblogged this from mrtnkl
  11. cotapon reblogged this from mrtnkl
  12. kennethcachia reblogged this from mrtnkl
  13. creativeimagic reblogged this from mrtnkl
  14. gokazy reblogged this from mrtnkl
  15. tatakaka2010 reblogged this from mrtnkl
  16. yyouyouu reblogged this from mrtnkl
  17. tahir-khan-scrapbook reblogged this from mrtnkl
  18. inetgate reblogged this from mrtnkl and added:
    iPadやiPhoneでFirebug(Lite)を使えるようにする方法
  19. dartslife reblogged this from mrtnkl
  20. mingineer reblogged this from mrtnkl
  21. paolovalzania reblogged this from mrtnkl
  22. nkjnackey reblogged this from mrtnkl
  23. joonaster reblogged this from mrtnkl
  24. antonioficai reblogged this from mrtnkl
  25. tmarthal reblogged this from mrtnkl
  26. sunny510 reblogged this from mrtnkl
  27. scanf-info reblogged this from mrtnkl

Comments

blog comments powered by Disqus