![]() ![]() Only the last request on the screenshot is coming from the server. Note that this has nothing to do with the browser cache.Ĭheck out the screenshot, we changed the background for requests coming from the BFCache and so they can be easily differentiated from other requests. ![]() This cache makes backward and forward navigation between visited pages very fast. Now Firebug simulates the focus state and so, every CSS rule using :focus pseudo class in the selector will be displayedįirebug Net panel is able to display also HTTP requests coming from so called BFCache (Back-Forward Cache).Open the option menu for the Style side panel (click the black triangle next to the panel label).Use Firebug Inspector to select your element.This feature helps in situations where you want to inspect CSS rules that applies only if the inspected element has focus. It’s especially useful for options.Īpart from hover and active CSS pseudo classes, Firebug is also supporting: focus. Every menu item has also a tooltip that explains the associated action. This is one of many little and neat improvements. These options are available in CSS, Style and Computed panels. Firebug offers three options: Hex, RGB and HSL. There are also new options allowing to change displayed format of CSS colors. There are new options in the HTML panel that allow changing displayed format of HTML entities.Īnd by the way, MathML entities are also supported. when I did the screenshot, I clicked on 400px value and pressed up-arrow, that’s why there is 401px). Of course, auto-completion works in this case too (e.g. Media queries of CSS rules are displayed inside the CSS panel and it’s possible to edit them. All you need to do is to right-click on your font-family value, pick Inspect Declaration and you’ll be automatically navigated to the CSS panel that shows the place where the font-family is declared. This feature allows to quickly inspect custom font-family declarations. The green command name is a link navigating the user to Firebug wiki with more info (and how-to-examples) about clicked command. You’ll see a list of commands with a description. ![]() If you are interested what built-in commands are actually available in the Command Line (within the Console panel) just type: help. Of course, the blue text/location on the right is click-able and navigates the user the right place. See, there are three places trying to set the font-size of the selected element (the one in black succeeded). The Computed side panel also supports tooltips for colors, images and fonts. The feature is part of the Computed side panel where every CSS property is expandable. This feature allows tracing all places which affected specific CSS property. When typing into the Watch panel, the autocompletion offers variables in the current scope. Just try to edit your page through Firebug UI and you’ll see for yourself.Ĭheck out the screenshot. This feature helps you when editing CSS properties, variables in the Watch panel, break-point conditions, any numbers, colors, font-families, etc. And much more! Check out full list of cookie related features.Ĭommand editor (aka multiline command line) supports syntax highlighting.Īutocompletion in Firebug has never been better. You can also break into the debugger when specific cookie changes its value and see the line of script that caused the change. You can deny cookies for specific sites, filter cookies, create new and delete existing cookies. Cookie Managementįirebug allows to view and manage cookies in your browser. Only the Firebug start-button and menu is loaded at the start up time. Delayed Loadįirebug doesn’t slow down Firefox start-up time anymore! It’s loaded as soon as the user actually needs it for the first time. If you are updating the previous 1.9 version that require restart you need to restart the browser. Install, press F12 and Firebug is immediately ready at your fingertips. Firebug 1.10 has been released and so, let’s see what new features are introduced in this version.įirst of all, check out the compatibility table:įirebug 1.10 is true community achievement and so, let me also introduce all developers who contributed to Firebug 1.10įirebug installation doesn’t require browser restart.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |