1076890 - Add option in Object Viewer to NOT sort properties of the object

Status: RESOLVED DUPLICATE of bug 810576

(DevTools :: Object Inspector, defect)

Description

[Pavel]

Attachment: 10-2-2014 10-25-37 AM.png

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0
Build ID: 20140923175406

Steps to reproduce:

1)Type in the Dev tools console:
var contact = {
  id:    "5847",
  group: "student",
  fname: "John Q.",
  lname: "Public",
  email: "[e-mail]",
  phone: "888-555-5555"
}
2)click on the "Object" link to open and view the content on the right hand side.



Actual results:

On the right have side you see object viewer with properties listed in the alphabetical order. See attached picture.


Expected results:

There are different use cases why you want to see content of the object.
1)If you want to examine a value of the particular property then having properties in alphabetical order is perfect.
2)You may want to see the natural order of properties in the json. Object.keys(content) gives it to you. However it would be nice to see key/value pair in the natural order.

Can you please add option(for example a checkbox) to the ObjectViewer bar to enable/disable properties sorting.

I would like to be able to see properties of the object in the natural order they where added.

Comment 1

[Sebastian Zartner [:sebo]]

For reference, this was initially reported to Firebug:

https://code.google.com/p/fbug/issues/detail?id=4231

Sebastian

Comment 2

[Victor Porof [:vporof][:vp]]

Set devtools.debugger.ui.variables-sorting-enabled to false.
See bug 810576.

Comment 3

[Pavel]

As I described earlier depending on the use case you may or may not be interested in seeing properties sorted.
Yes, you may use devtools preference to control sorting behavior as long as there is UI(checkbox) right in the ObjectViewer.