New ver! DOM Inspector improved! HORIZONTAL scroll, BoxModel

Announce and Discuss the Latest Theme and Extension Releases.
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

New ver! DOM Inspector improved! HORIZONTAL scroll, BoxModel

Post by Javier_DarthMadara »

-

Latest version always at Mozilla Addons site!


Hi Fellow Mozillians!

I'm glad to put into your consideration my version of
DOM Inspector improved ['dm Version']

I've added:

- HORIZONTAL SCROLL Bar in Dom Tree panel.

- Added new "BOX MODEL Plus" viewer with better layout and more data (see screenshot!).

    - scrollTop, scrollLeft, ΔscrollWidth, ΔscrollHeight values only appear if there is at least one nonzero value. "Δ" is "delta", the values are the difference of the visible Width/Height and the total scrollWidth/Height. (you can think of the "delta" values as the invisible part). This "delta" use allows the values to appear *only* when the 'invisible' part is nonzero. (they tipically appear for an object with fixed Width/Height and content inside it that had overflowed)
    - Standard Box model stays too, with some styling (column align, etc).

- Resizable dialog for 'Edit/New Attribute'.

Image

(You can even leave original DOM-Inspector installed and disabled for watching updates)..

FYI: the option "View" -> "Blink Selected Element" is working only for deactivated Hardware acceleration (in Firefox: Options -> Advanced)


Enjoy!

Javier 'Darth Madara'

ps: Any bugreport is welcomed here. (please don't post them in the addon's page, but of course you can post Reviews there :-) )

.
Last edited by Javier_DarthMadara on September 13th, 2015, 3:58 pm, edited 12 times in total.
User avatar
Philip Chee
Posts: 6475
Joined: March 1st, 2005, 3:03 pm
Contact:

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Philip Chee »

Javier_DarthMadara wrote:Hi fellow mozillians!

I'm glad to put into your consideration my version of
DOM Inspector improved ['dm Version']

I've added:
- HORIZONTAL SCROLL Bar in DOM Tree main-panel !
- ADDED a Box Model viewer/panel showing ALL data at once (with bold numbers distinct-from 0).
- Re-sizable dialog for 'Edit/New Attribute'.

(You can leave original DOM-Inspector installed and disabled for not missing updates)

New version 2.0.8.1dm from DOM Inspector 2.0.8 !
New page at Mozilla Addons site!

Enjoy!

Javier 'Darth Madara'

ps: Any comment/bugreport are welcomed here :-) (please don't post them in my other addon's page)

Why don't you get your changes into the DOM Inspector tree?

https://bugzilla.mozilla.org/enter_bug.cgi?product=Other%20Applications
Component: DOM Inspector
Version: Trunk
Severity: Enhancement
Hardware: All
OS: All

Phil
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Javier_DarthMadara »

Philip Chee wrote:Why don't you get your changes into the DOM Inspector tree?

https://bugzilla.mozilla.org/enter_bug.cgi?product=Other%20Applications
Component: DOM Inspector
Version: Trunk
Severity: Enhancement
Hardware: All
OS: All

Phil


Thank you Phil. Excellent idea !

Done. New Enhancement entry in bugzilla for New BOX-MODEL thing (screenshot): https://bugzilla.mozilla.org/show_bug.cgi?id=615156

I'll also upload a patch to Bugzilla entry about Horizontal-Scroll-Bar: https://bugzilla.mozilla.org/show_bug.cgi?id=112832

Now all interested people can vote for these in Bugzilla. ;-)

Javier.

ps: I haven't realized to to that with DOMi, despite having uploaded some Firefox fixes proposals in bugzilla already.
Last edited by Javier_DarthMadara on December 5th, 2010, 5:47 am, edited 1 time in total.
User avatar
Philip Chee
Posts: 6475
Joined: March 1st, 2005, 3:03 pm
Contact:

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Philip Chee »

Javier_DarthMadara wrote:Done. New Enhancement entry in bugzilla for New BOX-MODEL thing (screenshot): https://bugzilla.mozilla.org/show_bug.cgi?id=615156

Welcome to review hell :D But thanks very much for the patch. Colby Russell has been slowly cleaning up the DOMi but he isn't actually paid to work on it so has been only doing small improvements in his spare time. I hope more people start contributing towards modernizing the DOMi since SeaMonkey ships with this.
Javier_DarthMadara wrote:ps: I haven't realized to to that with DomI, despite having uploaded some Firefox fixes proposals in bugzilla already.

Yeah, the Mozilla culture is that everything has to go through bugzilla, there is even a bug about fixing up a blocked toilet in the Mountain View offices. Ewww.

Phil
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Javier_DarthMadara »

Philip Chee wrote:Yeah, the Mozilla culture is that everything has to go through bugzilla, there is even a bug about fixing up a blocked toilet in the Mountain View offices. Ewww.
Phil


Hahaha! LMAO :D
DMCrimson
Posts: 1025
Joined: February 13th, 2004, 6:11 am

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by DMCrimson »

Cool, the changes @ bugzilla an http://hg.mozilla.org/ can simply be rolled into 2.0.9 of DOMi :) Just tried that... Now, if I only could make it supposrt stacked inspector...
User avatar
Philip Chee
Posts: 6475
Joined: March 1st, 2005, 3:03 pm
Contact:

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Philip Chee »

DMCrimson wrote:Cool, the changes @ bugzilla an http://hg.mozilla.org/ can simply be rolled into 2.0.9 of DOMi :) Just tried that... Now, if I only could make it supposrt stacked inspector...

Just submit a patch to bugzilla, just like Javier did.

Phil
DMCrimson
Posts: 1025
Joined: February 13th, 2004, 6:11 am

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by DMCrimson »

Philip Chee wrote:Just submit a patch to bugzilla, just like Javier did.

Phil


Ah well, since there's nothing new, I'll skip it. What I meant was that one can take the raw files Javier has produced at http://hg.mozilla.org/dom-inspector/rev/4163ab44e89b and open DOMi 2.0.9 up, and replace the said files. If I had committed something, I'd continue to bugzilla:)
User avatar
Geva Zeichner
Posts: 125
Joined: September 14th, 2004, 9:42 pm
Location: Israel
Contact:

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Geva Zeichner »

What's up with the Bugzilla entry about Horizontal-Scroll-Bar? Can you please make a new version of DOM Inspector [dm] in the mean time?
Gilad Shalit is Free! Was held captive by terrorists since June 2006 for 1941 days. Was only 19 y/o when kidnapped.

My Extensions:
Hide Tab Bar 1.0dev.2 | IMDb Preview 0.6.2 | Gmail RTL 0.1.1
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: DOM Inspector improved!, HORIZONTAL SCROLL Bar, BoxModel

Post by Javier_DarthMadara »

Hi ppl!

I uploaded a New version 2.0.10.1 of 2012-feb-28 at Mozilla Addons site with improved things!. I updated the description and screenshot of top post!

Enjoy!
Javier
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: New ver! DOM Inspector improved! HORIZONTAL scroll, BoxM

Post by Javier_DarthMadara »

.
New version 2.0.13.1 is ready at Mozilla Addons site !
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: New ver! DOM Inspector improved! HORIZONTAL scroll, BoxM

Post by Javier_DarthMadara »

New version 2.0.15.1 is ready at Mozilla Addons site !
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: New ver! DOM Inspector improved! HORIZONTAL scroll, BoxM

Post by Javier_DarthMadara »

 
Addon's Main page updated with this info:

Complementary Stuff:

* Below is a copy of "Element Inspector" addon that can be used with this addon. (I'll contact the author to make this work with public versions of these 2 addons)
* There's also an alternative copy of this addon "Dom Inspector Plus [dm]" with a few more little things. Please see README file! (explains some things that may look weird at first sight)

http://tiny.cc/darth_moz > Dom_Inspector_stuff > latest
Last edited by Javier_DarthMadara on May 8th, 2014, 4:14 am, edited 1 time in total.
DMCrimson
Posts: 1025
Joined: February 13th, 2004, 6:11 am

Re: New ver! DOM Inspector improved! HORIZONTAL scroll, BoxM

Post by DMCrimson »

hmm, "p Computed Style" - a typo? (No, just read about it, my bad )
User avatar
Javier_DarthMadara
Posts: 20
Joined: July 16th, 2009, 4:15 am

Re: New ver! DOM Inspector improved! HORIZONTAL scroll, BoxM

Post by Javier_DarthMadara »

 
About alternative copy of "DomI Plus":
"p Computed Style" is on purpose, no prob :-) , please see README file at same place:


From README:
- Shows "p Computed Style" in Object context-menu. (when you see 'Dom Node', 'Box Model'...), so you can quickly click & type 'p' to switch to 'Computed Style', 'c' to show css, etc. (at least in english locale)
Post Reply