My favorites | Sign in
Project Home Wiki Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 4732: Console Logging Arrays cause too much output
1 person starred this issue and may be notified of changes. Back to list
 
Project Member Reported by johnjbar...@gmail.com, Aug 10, 2011
I'm unsure how to do better in all cases, but in complex cases the array out put is way too long.
Aug 10, 2011
Project Member #1 johnjbar...@gmail.com
Test case and one possible output. I think the Web Inspector output is too little.
issue4732WebInspectorView.png
24.3 KB   View   Download
testLargeArrayConsoleLogging.html
4.6 KB   View   Download
Aug 10, 2011
Project Member #2 johnjbar...@gmail.com
Hmm. I take it back. The Web Inspector array formatting is completely worthless.
Aug 12, 2011
Project Member #3 johnjbar...@gmail.com
Another related problem: arrays are not linked into the DOM panel. Consider this case:
var aA = [window, {a:1, b:2, c:3, d:document}]

We can click on 'window' or on the second object. But we cannot click on the [] array, so we cannot use the DOM panel to consider the relation of the array to its elements.
Aug 15, 2011
Project Member #4 odva...@gmail.com
Re comment #2: The only solution that comes to mind now is to display nested arrays as an expandable tree, similar to what Web Inspector does. So, why do you think the Web Inspector formatting is worthless?

Re comment #3: What about if the enclosing "[" and "]" characters would be links that navigate the user to the DOM panel?

Honza
Status: Triaged
Cc: odva...@gmail.com sebastia...@gmx.de
Aug 15, 2011
Project Member #5 johnjbar...@gmail.com
[] linking would probably work, (if the user can see the links)

Web Inspector shows very little info about the array. By comparison Firebugs info is great. The only problem on the Firebug side is scale: beyond 3 lines becomes too much and for large arrays the console is swamped by the array output.

I may work on this problem as a library.
Aug 16, 2011
#6 sebastia...@gmx.de
Linking [] is not visible enough. That's already a problem when having an array of elements inside the Console panel. Hovering the [] marks all elements of the array inside the page (at least before r11532), but nobody knows a but that.

So an approach like the one of Web Inspector would already be better. Though maybe there's even a better solution for this.
Aug 21, 2011
Project Member #7 odva...@gmail.com
> Linking [] is not visible enough. That's already a problem when having
> an array of elements inside the Console panel. Hovering the [] marks all
> elements of the array inside the page (at least before r11532)
This is fixed (related to  issue 4736 )

> I may work on this problem as a library.
Would that be a generic Domplate based library (for DOM objects representation) or you have something different in mind?

The test case from comment #1 should be online soon:
http://getfirebug.com/tests/issues/4732/testLargeArrayConsoleLogging.html

Honza


Labels: Test-case-available
Aug 22, 2011
#8 sebastia...@gmx.de
>> Linking [] is not visible enough. That's already a problem when having
>> an array of elements inside the Console panel. Hovering the [] marks all
>> elements of the array inside the page (at least before r11532)
> This is fixed (related to  issue 4736 )
Yes, it's working like before r11532. Though there's no change in visibility. I'd expect something like "Array" in front of an array, so it would be easier to hover. Of course I am open to other suggestions.
Labels: ux-discovery
Aug 22, 2011
Project Member #9 johnjbar...@gmail.com
>> I may work on this problem as a library.
>Would that be a generic Domplate based library (for DOM objects representation) or you have something different in mind?

I'll try to see if these two problems can be separated. 
Sep 3, 2012
Project Member #10 sebastia...@gmail.com
Issue 5794 sounds similar. Maybe both could be solved with the same patch.

Sebastian
Cc: -sebastia...@gmx.de sebastia...@gmail.com
Sign in to add a comment

Powered by Google Project Hosting