Firebug on iPhone, iPad, Android, and Other Devices

Post by on April 24, 2012

Thank you Martin Kool for this AWESOME idea! He recently posted about how to get Firebug on iPhone and iPad and really any other device with a browser. The idea is to make a bookmark with javascript code as the URL and then launch the bookmark on a site you want to run Firebug. Here is the text to place as the URL for the bookmark:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

I had to email the snippet to myself since Martin Kool's textarea did not show up on my phone. I haven't tested this technique in any device other than iPhone, but it should work.

For anyone unfamiliar with Firebug, it is a web developer's must have. Unless, of course, if Safari or Chrome's developer tools fit the bill for you. They don't for me first of all because Firebug was around first and I got used to it, second because it has better features, and last because it is easier to use.

(Yet, unfortunately, Firefox has become absurdly memory intensive which makes it difficult to develop with. Chrome is a much better browser in that regard.)

Older Posts ยป