Edit and View Web Page Properties With Firebug

Quickly edit or view the properties of any web page by using the Firefox browser plug-in Firebug or the bookmarklet version of Firebug for other browsers. Firebug is an absolute must for anyone who develops websites or blogs. Below is a quick overview of this plug-in and examples of features it provides.

Quickly view the HTML and CSS source of any element

When Firebug is open, clicking the element preview button, as shown in the picture allows you to highlight any element on a web page. Using the highlight makes finding and looking at the HTML and CSS of anything on a web page as easy as two or three clicks.

Tip

After Firebug has been installed, you can also right-click on any element on a web page and choose the "Inspect Element" option.

Modify HTML or CSS elements within Firebug and see immediate results

When viewing the HTML or CSS source code within Firebug, you can click any element and change or add to that element and immediately see those changes. For example, to adjust the links color modify the HTML or CSS in Firebug to see how it looks like without uploading or reloading.

Analyze the page speed load time

Firebug test web page speed

Also, Google has released Page Speed, a Firebug plug-in to test a web pages load speed with an overview of things that can be fixed.

View overview of all elements on a page

In Firebug, under the Net tab and under All, you can quickly view all elements on a web page and additional details about each of those elements. For example, you can quickly identify the size of each of the files loaded, domain loaded from, header information, and much more.

Tip

Pressing F12 also opens debug while on

any web page.

What is an Operating System? » Computer Shortcut Keys and their Functions » Keyboard Function Keys » Computer Basics - Hardware - Software - Parts

Short Stories for Kids - Moral Stories – English Short Stories for Children - Moral Stories for Kids - Stories for Kids - Funny Story for Kids - Scary Stories for Kids - Really Funny Short Stories - Bedtime Stories
Proverb Stories
Powerful Motivational Quotes for Students » Success Quotes » English Short Stories for Kids

Cabin Crew Jobs & Career Advice » Secretary Job Description » Receptionist Job Description » Top 100 Interview Questions and Answers » How to Prepare for an Interview » How to Write a CV » How to Choose a Career » Computer Shortcut Keys and their Functions

Click here to post comments

Join in and write your own page! It's easy to do. How? Simply click here to return to Computer Basics FAQ.

Army Jobs - Navy Jobs - Military Jobs

Scholarship 2024/25

Current Scholarships 2024/2025 - Fully Funded

Full Undergraduate Scholarships 2024/2025

Fully Funded Masters Scholarships 2024/25

PhD Scholarships for International Students - Fully Funded!

Funding Opportunities for Journalists 2024/2025

Funding for NGOs 2024/2025

Funding for Artists 2024/2025

Funding for Entrepreneurs 2024/2025

✅Over 4500 Current Fully Funded Scholarships for International Students

✅ Undergraduate Scholarships 2024

✅ Masters Scholarships 2024

✅ PhD Scholarships 2024 Click Here!

Free Scholarship Newsletter --- E-mail Address

First Name

Then Don't worry — your e-mail address is totally secure. I promise to use it only to send you Advance Africa Newsletter.