Redux-devtools-extension: Developer tools panel

[calebmer]

Is there a way to give Redux a developer panel in the chrome developer tools? React developer tools has its own panel, is it possible for Redux to get one as well?

[zalmoxisus]

Thanks for the suggestion! It's easy to implement and I've even tried it before. But I'm not sure it would be right to have Redux DevTools there, as the Elements tab is intended to be used for DOM investigation, so React DevTools does.

I know it's not convenient to switch between Elements and Redux tab, but actually you can open Redux DevTools in a new window. Wouldn't this be easier to use?

[calebmer]

The developer tools has network investigation, performance profiling, security, and a code editor. I think a Redux tab would make sense 😊

It's more ergonomic for me to keep dev tools in the same window. For one that's how the tool designed (to be in the same window), and second on a Mac in fullscreen mode I can't have two windows on my monitor at once. It also allows me to use keyboard shortcuts to navigate around.

[zalmoxisus]

This should work:

Don't you have the Redux tab?
I thought you want to have it inside the Elements tab, so you'll not have to switch between tabs.

[calebmer]

Yeah that's what I meant. And no I do not have that.

I'm on OSX with Chrome Beta (49.0.2623.112 (Official Build) beta (64-bit)) and Redux DevTools v1.0.1.

[zalmoxisus]

That's strange. I was thinking the problem is with the build from Chrome store, but tried it too. Could you please try to update Chrome? I'm using Chrome 50 on OSX, but on 49 it was working as well.

[calebmer]

Yep, upgraded to Chrome 51 and it works. A couple of other quick questions, is there a way to switch dev tools to a light theme, and is there a way to remove it from right clicks (or at least right clicks on non-activated pages)?

[zalmoxisus]

Yep, upgraded to Chrome 51 and it works.

Except having a bug in Chrome beta, the only reason could be that you used a custom theme which tried to use the tabs icon. So, just in case I've added it.

is there a way to switch dev tools to a light theme

That's a good suggestion. If you're interested in it, I've created a separate issue.

is there a way to remove it from right clicks (or at least right clicks on non-activated pages)?

It was working like this in some older versions, but now we need the context menu also to open remote debugging, even if nothing is inspected in the browser pages.

[calebmer]

Thanks so much for your help 😀

[SeanRoberts]

I was also looking for the Redux tab and couldn't find it after install. Quitting and reopening Chrome did the trick for me.