Edit and View Web Page Properties With Firebug

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

    Scholarships in Australia » Scholarships in Austria » Scholarships in Belgium » Scholarships in Canada » Scholarships in Germany » Scholarships in Ireland » Scholarships in Italy » Scholarships in Japan » Scholarships in Korea » Scholarships in Netherlands » Scholarships in Switzerland » Scholarships in UK » Scholarships in USA

    Scholarships for Study in Africa » Scholarships for African Students » Undergraduate Scholarships » African Women Scholarships & Grants Scholarships for Study in Africa » Scholarships for African Students » Undergraduate Scholarships » African Women Scholarships & Grants Scholarships for Study in Africa » Scholarships for African Students » Undergraduate Scholarships » African Women Scholarships & Grants 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 »Scholarships in UK » Scholarships in USA Scholarships in UK » Scholarships in USA Scholarships in UK »

  • 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.