Get Firebug on the iPhone With a Bookmarklet

POST

MAIL

Posted December 5, 2011 at 4:15am by iClarified

Firebug, a web development tool that facilitates the debugging, editing, and monitoring of web code, can be enabled on the iPhone via a bookmarklet, reports AppAdvice.

To create a Firebug bookmarklet, simply bookmark any webpage and name it Firebug.

Then edit the bookmark and change the url to:

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('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');

Now when visiting a page you can just launch the bookmark to run Firebug.

Read More

Follow iClarified

Hash - December 5, 2011 at 8:04am

Tried it on iPhone 4 5.0.1 and this doesn't work anyone else have any luck?

Reply · Like

alex - December 5, 2011 at 10:27am

same here on a 4S 5.0. will try again though

carlos - December 5, 2011 at 12:50pm

the problem was an " ' " after 4, between FireBugLite & irebug-lite.js copy this... it`s works. 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('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');

Alvaro - December 5, 2011 at 4:01pm

It works! Thank you Carlos