Geek Posted December 2, 2011 Posted December 2, 2011 <div class="KonaBody"><p><img src="http://osxdaily.com/wp-content/uploads/2011/12/firebug-ipad.jpg" alt="Firebug on iPad" title="firebug-ipad" width="620" height="376" class="aligncenter size-full wp-image-24502" /></p> <p>Firebug is an extremely popular web development tool that allows a user to inspect and modify page elements in real time, be it HTML, CSS, or JavaScript. It’s most known for being a plugin for the Firefox browser, but thanks to Firebug Lite and a little bookmarklet hack, you can run Firebug Lite directly in Safari on <a href="http://osxdaily.com/tag/ios/">iOS</a>.</p> <p>Using Firebug in iOS is easy, here’s how, as discovered by <a href="http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone">Martin Kool</a>:</p> <ul> <li>Bookmark a web page from Safari in iOS and rename the bookmark to “Firebug”</li> <li>Tap the text region below twice and “Select All” then choose “Copy”</li> <p><iframe src="http://pastebin.com/embed_iframe.php?i=SuT0h1sC" style="border:none;width:75%;"></iframe></p> <li>Now edit the Firebug bookmark you made, and remove the URL, replacing it with the javascript you just copied</li> <li>Tap on “Done” and then hit the bookmarklet to activate Firebug Lite on the iPad</li> </ul> <p>If you’re having troubles with the code from pastebin, head over to Martin Kool’s tumblr for another way to capture the bookmarklet. For screen real estate purposes, Firebug will look best on the iPad, but it works on the iPhone and iPod touch with Safari too.</p> <p>You probably won’t be getting tons of serious web development done with this, but it’s a great trick and definitely usable enough to make minor changes and quick adjustments to web elements while using iOS.</p> </div> <p><a href="http://feedads.g.doubleclick.net/~a/gtzQZkTEydsrfcVDxtFP-x-4r34/0/da"><img src="http://feedads.g.doubleclick.net/~a/gtzQZkTEydsrfcVDxtFP-x-4r34/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/gtzQZkTEydsrfcVDxtFP-x-4r34/1/da"><img src="http://feedads.g.doubleclick.net/~a/gtzQZkTEydsrfcVDxtFP-x-4r34/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=zhij8B6mKj4:_GkwQt4c-Jo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=zhij8B6mKj4:_GkwQt4c-Jo:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=zhij8B6mKj4:_GkwQt4c-Jo:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=zhij8B6mKj4:_GkwQt4c-Jo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=zhij8B6mKj4:_GkwQt4c-Jo:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=zhij8B6mKj4:_GkwQt4c-Jo:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=zhij8B6mKj4:_GkwQt4c-Jo:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=qj6IDK7rITs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/osxdaily/~4/zhij8B6mKj4" height="1" width="1"/> View the full article
Recommended Posts