3 ms·

Safari and nowadays Chrome DevTools are great. I miss the "DOM" tab, that Firebug for Firefox had features had, and I haven't found anywhere else. You can brow

by frik 10y ago

Safari and nowadays Chrome DevTools are great. I miss the "DOM" tab, that Firebug for Firefox had features had, and I haven't found anywhere else. You can browse the DOM tree state and edit - similar to Smalltalk and Windows Registry - very useful & powerful. Sadly, they just killed Firebug, broke the addon, deactivated it with an update and replaced it with a still not feature-complete (at the moment sub-par) solution.

fbender 10y ago
> I miss the "DOM" tab, that Firebug for Firefox had features had, and I haven't found anywhere else. It's in the Fx DevTools sinve v48 [1]. You may need to enable it though in the DevTools settings. > Sadly, they just killed Firebug, broke the addon, deactivated it with an update and replaced it with a still not feature-complete (at the moment sub-par) solution. Who's they? The Firebug Team works with the DevTools team since forever to port all functionality to the internal tools. The Firebug Team decided it was not worth to maintain the standalone version beyond v2 (also related to architectural changes to Fx, see project e10s) since they almost achieved feature parity by now and are working on the last remaining pieces [3]. Firebug v3 is Fx DevTools + a lot of extra features that Firebug never had. If you miss a feature in the DevTools, try Fx DevEdition [3]. [1] https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_Viewer https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_... [2] https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/ https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefo... [3] https://www.mozilla.org/firefox/developer/ https://www.mozilla.org/firefox/developer/
bpizzi 10y ago
I think that what you're asking for is already doable in the "Elements" tabs of Chrome DevTools, no? Or maybe I didn't get what you really meant by "You can browse the DOM tree state and edit"?
- Manishearth 10y ago
  I think they're talking about the DOM tree, not the HTML element tree. Similar to https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/ https://addons.mozilla.org/en-US/firefox/addon/dom-inspector...

by frik 10y ago

fbender 10y ago

> I miss the "DOM" tab, that Firebug for Firefox had features had, and I haven't found anywhere else. It's in the Fx DevTools sinve v48 [1]. You may need to enable it though in the DevTools settings. > Sadly, they just killed Firebug, broke the addon, deactivated it with an update and replaced it with a still not feature-complete (at the moment sub-par) solution. Who's they? The Firebug Team works with the DevTools team since forever to port all functionality to the internal tools. The Firebug Team decided it was not worth to maintain the standalone version beyond v2 (also related to architectural changes to Fx, see project e10s) since they almost achieved feature parity by now and are working on the last remaining pieces [3]. Firebug v3 is Fx DevTools + a lot of extra features that Firebug never had. If you miss a feature in the DevTools, try Fx DevEdition [3]. [1] https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_Viewer https://developer.mozilla.org/en-US/docs/Tools/DOM_Property_... [2] https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/ https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefo... [3] https://www.mozilla.org/firefox/developer/ https://www.mozilla.org/firefox/developer/

bpizzi 10y ago

I think that what you're asking for is already doable in the "Elements" tabs of Chrome DevTools, no? Or maybe I didn't get what you really meant by "You can browse the DOM tree state and edit"?

Manishearth 10y ago
I think they're talking about the DOM tree, not the HTML element tree. Similar to https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/ https://addons.mozilla.org/en-US/firefox/addon/dom-inspector...