123
edits
FirebugAnalysis: Difference between revisions
→Overview
Bgalbraith (talk | contribs) No edit summary |
Bgalbraith (talk | contribs) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
This document is divided into sections corresponding to the tabs in Firebug's interface: | This document is divided into sections corresponding to the tabs in Firebug's interface: | ||
[[Image:fbtabs.png]] | |||
in addition to a "General Observations" section that applies to the interface in general. | in addition to a "General Observations" section that applies to the interface in general. | ||
| Line 13: | Line 13: | ||
== General Observations == | == General Observations == | ||
* | * Firebug's "activation" behavior (i.e., turning it on) is very annoying | ||
[[Image:7.png]] | |||
It is basically site-specific; if you switch it on for a domain, it will stay on for that domain, but when you browse to another domain, it will be off until you turn it on. The net result is that it is constantly turning on and off. | |||
You can turn Firebug on for all domains, but when you click "Off", it doesn't switch it off globally, just for that that site--so you enter in a weird mode where it appears to be on globally, but is on for all sites except the site you turned off. A better description for the modes would perhaps be "Opt In" and "Opt Out" modes. | |||
* "Off" text label to close Firebug instead of the X of previous versions | |||
[[Image:4.png]] | |||
Plus, the "Off" doesn't always appear for unknown reasons. | |||
[[Image:6.png]] | |||
[[Image:15.png]] | |||
== Inspection Panel == | |||
* "Edit" label is unintuitive; you can edit in-place without clicking on it | |||
* Default size of "Style" pane causes the text to be laid out in a goofy manner | |||
[[Image:1.png]] | |||
* In the DOM panel, "get childElementCount" -- why the space between get and childElementCount? | |||
[[Image:2.png]] | |||
* Firebug inserts a div into the document for itself; long-time behavior but still lame | |||
[[Image:9.png]] | |||
* Selecting any of the "Show" items from the pull-down menu cause the item you've selected in the inspector to expand erroneously | |||
* + Firebug greys out invisible elements, Safari doesn't | |||
[[Image:10.png]] | |||
* [[Image:FBFTW.png]] Firebug has very useful context menu, Safari doesn't (10) | |||
[[Image:10.png]] | |||
* - Safari highlights the current line when hovered over | |||