Hotkey for "Select an element in the page to inspect it" in Chrome extension

[skoshy]

Reopening facebook/react-devtools#966 as I feel it'd still be a great feature to have.

To reiterate, it'd be great to have a hotkey to trigger the "Select an element in the page to inspect it" functionality, similar to how Ctrl + Shift + C triggers Chrome's element inspector mode.

[gejimayu]

I'll give this a try !

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contribution.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!

[eps1lon]

Reopening since the PR that would implement this feature is still open.

[SimsonEnduro]

👍

[LakeYS]

+1 for this.

For fellow Googlers:
An easy workaround for this is to use the normal element selector (Ctrl-shift-C) and then switch to the Components tab, where the corresponding React component (or something close to it) will be selected.

[shaunlebron]

Improving on @LakeYS’s workaround (thanks!)

In DevTools, drag the React Components tab next to Elements, like this:

So you can use these hotkeys in succession:

1. ⌘ Shift C selects the element
2. ⌘ ] switches to React panel (with component highlighted)

[spacecat]

Wow, surprised this isn't implemented.

[happylolonly]

Wow, surprised this isn't implemented.

yes, me too...