Using Firebug to Edit HTML

Some time ago I started playing with Firebug, a Firefox extension, that provides tools for editing and debugging html and Javascript. It is a tool that I recommend to anyone interested in creating web content.

The core of the extension is a window that allows one to inspect the HTML, CSS, and Javascript in a web page. With this efficient tool you can highlight, make small changes, or even write parts of a web page until it is as good as you want it to be.

Firebug is the closest I have seen to a true HTML editor, that is, something that allow you to play with HTML code in real time. While a lot of HTML editors will provide the necessary ways to enter HTML code, it is not the same as having the browser updating at each stroke.

The only inconvenience of Firebug as an HTML editor is that it will not allow you to automatically save the edited content to a file. This make the process less smooth, because you need to save yourself the document.

Despite this small problem, it is actually easy to save a page that has been edited with Firebug. Just select with the mouse the elements of the page that have been edited. Then, select copy from the context menu. You can now save that text to a suitable editor or modify the previous html/css file.

Firebug provides a lot of flexibility for website writers. It is a great tool that can provide invaluable work for anyone that needs to create web pages.

Similar Posts:

About the Author

Carlos Oliveira holds a PhD in Systems Engineering and Optimization from University of Florida. He works as a software engineer, with more than 10 years of experience in developing high performance, commercial and scientific applications in C++, Java, and Objective-C. His most Recent Book is Practical C++ Financial Programming.

Post a Comment