Search code examples
javascriptcssfirefoxxhtmlweb-developer-toolbar

I want to know the use of these options in firefox "Web Developer Toolbar"

I want to know the use of these options in "Web Developer Toolbar"

Disable > Disable Javascript > Strict Warnings

Disable > Meta Redirects

Disable > Meta Referers

Disable > Disable minimum Font size

CSS > Use border box model

Information > Display Table Information

Information > Display Table Depth

Miscellaneous > Show Comments

Miscellaneous > Show Hidden Elements

Miscellaneous > Show Window Chrome

Miscellaneous > Linearize Page

Solution

  • For "Disable > Disable Javascript > Strict Warnings":-
    The JavaScript Strict Warnings will not work from now on.

    For "Disable > Meta Redirects":-
    The HTML Meta Redirects will not work from now on, which would otherwise cause the page to reload or redirect.

    For "Disable > Meta Referers":-
    The HTML Meta Referers will not work from now on, which would otherwise provide access to the referring page's URI.

    For "Disable > Disable minimum Font size":-
    It disables the font sizes to be as small as the developer wants.

    For "CSS > Use border box model":-
    It uses the box model used before IE6. When enabled, border and padding values are counted inside the width value. If not enabled, the default & correct behavior will be used, where borders and paddings are counted outside of the width. This is correct as mentioned by "Delan".

    For "Information > Display Table Information":-
    It shows the HTML "Table" element's "Summary" attribute in a highlighted manner.

    For "Information > Display Table Depth":-
    It shows each HTML "Table" element's nesting depth. For example, if only 1 "table" element is used, then it highlights "Depth=1". If there is 1 more "table" element inside its parent "table" element, then it will highlight "Depth=2", and so on.

    For "Miscellaneous > Show Comments":-
    It will show all the HTML Comments, by highlighting a "!" character. So when the mouse is clicked upon that character, the comment gets shown.

    For "Miscellaneous > Show Hidden Elements":-
    It will unhide all the HTML elements, which have the CSS property "visibility:hidden".

    For "Miscellaneous > Show Window Chrome":-
    Unsure, but I think it will show the web page just like as it were in the Chrome browser.

    For "Miscellaneous > Linearize Page":-
    It will make all the HTML elements shown as "display:inline", as mentioned by "Delan".

    Hope it helps.