Ever wanted to check out the source of a web-page and wanted to edit it but didn’t find the resources to do it? FireBug is an extension which lets you to do it all in one-click theory.It allows you to edit Javascript ,CSS, HTML, DOM, Net and also debug it with a great UI for the console.
How does it work?
Just Navigate to page you wish to edit or check out the source-code. On the upper right corner you will see an option to enable the console for seeing the code, click it. You see a tabbed view of different language HTML, CSS etc and select one to see the source. If you want to change some string value or a add a new line or did it a different attribute or want to just play around with it do it inside the console within that web-page and save it to see. It doesn’t end here you can Analyze ,inspect each element , Debug line by line, send a string directly by JS ,Tweak it as per your requirement…A Coder’s dream.
What else does it do?
Monitor Network activity to see if why your pages take time to load or is the file compressed or image compression ratio. Quickly find errors with its great error finding capability in-built within the console. Search for a string if you find it boring to look the whole code and best thing is that it is open source and a documentation is also provided if you want to do it yourself.
Who developed it?
Elite Software developer Joe Hewitt, yes the one who developed Facebook for iPhone has developed it for masses. He also loves gardening and doing HTML5 projects.
Comments are closed, but trackbacks and pingbacks are open.