Something the page show lots of tags, but I just want focus component.
I'm not sure I understand what you're suggesting @Riokai. Could you elaborate?
I _think_ you might be requesting some sort of toggle that only shows DOM elements _or_ custom components in the tree view. I'm not sure how this would work from a UI perspective though.
Have you seen the inspect element button in the top-left corner of DevTools (shown below)? This button lets you click on an element (in the browser tab) and auto-selects that element in React DevTools.
@bvaughn Of course, vue-devtools
only show component in window and sometimes I just want a toggle to hide html tag like header
, p
and div
, make interface more cleaner.
+1
+1
React DevTools has been rewritten and recently launched a new version 4 UI. The source code for this rewrite was done in a separate repository and now lives in the main React repo (github.com/facebook/react).
Because version 4 was a total rewrite, and all issues in this repository are related to the old version 3 of the extension, I am closing all issues in this repository. If you can still reproduce this issue, or believe this feature request is still relevant, please open a new issue in the React repo: https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools
Most helpful comment
@bvaughn Of course,
vue-devtools
only show component in window and sometimes I just want a toggle to hide html tag likeheader
,p
anddiv
, make interface more cleaner.