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 iOS.
Using Firebug in iOS is easy, here’s how, as discovered by Martin Kool:
- Bookmark a web page from Safari in iOS and rename the bookmark to “Firebug”
- Tap the text region below twice and “Select All” then choose “Copy”
- Now edit the Firebug bookmark you made, and remove the URL, replacing it with the javascript you just copied
- Tap on “Done” and then hit the bookmarklet to activate Firebug Lite on the iPad
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.
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.
Follow Me:
Top Best Sellers!!
