Hello Mostafa, thanks for the feedback.
There’s no way to not have the inline object inspection (and some people are pleased with it), so I’d rather address your concerns.
We do have a replacement for the window on the right (what was called VariableView, and is now named “sidebar”), behind a preference. You can enable it by going to
about:config and flipping
devtools.webconsole.sidebarToggle to true. Then you can right click on objects and select “open in sidebar”. We are also planning to have a shortcut or a button so it will be more straightforward to do.
It’s a light replacement, and there is no search nor diff flashing.
About the latter, we found the previous behavior (flash the different properties for a short amount of time) quite limited, so we are working on a full object diff viewer (a-la git diff) so it’s more powerful.
Same thing for the search feature. We found it very limited and sometimes plainly broken. We’ll also work to have this back in the sidebar (and also in the inline object). See https://bugzilla.mozilla.org/show_bug.cgi?id=1447175 and https://github.com/devtools-html/devtools-core/issues/803.
A student will work on that this summer as part of GSOC, so it should be better by the end of the year on release.
To copy a property, we have https://github.com/devtools-html/devtools-core/issues/507, and also, the workflow that you mention should work soon once we get keyboard navigation and focus right.
Also, as a sidenote, you can copy whole object or property by using the
copy command, e.g.
copy(obj1.a.b), that might be helpful.
but now just with inline object showing after i see my object i must close it and open another …that 's silly part.
Why do you need to close objects ? I’d like to understand the workflow here.
Also in new version if my object size is big. the developer tools crash. or I can’t browser object easily.
Would you have an example ? We are working on performance so having real use cases would help us making the console faster.