React-devtools: [Feature request] Make it work with chrome remote debug [if its possible]

Created on 4 Jan 2016 · 3Comments · Source: facebook/react-devtools

I'm developing cordova app with react, and debugging the webview with chrome remote debug
It was very helpful if the react dev tools were also active for remote debug.

https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=en

Source

Bnaya

👍8

Most helpful comment

The standalone React DevTools should probably work for you.
It listens at localhost:8097.

gaearon on 15 Feb 2017

👍3

All 3 comments

I have the same problem. I hope the feature comes soon.

xuchaobei on 26 Oct 2016

The standalone React DevTools should probably work for you.
It listens at localhost:8097.

gaearon on 15 Feb 2017

👍3

I'd like to inspect pages that I don't own and it's so so straightforward to use React DevTools when Content security policy is in place.

For example when adding script via console, this is what I'm getting:

Refused to load the script 'http://localhost:8097/' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' https://*.twimg.com https://www.google-analytics.com 'unsafe-eval'".

Chrome remote debugging window doesn't have a toolbar - so no React-Devtools extension button either, the React tab doesn't show up and I'm not aware of any way to initialize this extension via console.