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:

146

146 notes

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

Comments

blog comments powered by Disqus