react-devtools for Safari

Created on 4 Feb 2015  路  56Comments  路  Source: facebook/react-devtools

Maybe this is the wrong repo to request this, but it's becoming more and more common for people to build React apps embedded in ios webviews. The only way to currently debug those is using the Safari developer tools. It would be great if there was a port of the react-devtools for Safari.

Most helpful comment

Even as someone who enjoys using Chrome I think a web development monoculture based entirely around a single browser is a bad thing.

All 56 comments

+1

+1 - The recent addition of type inference to webkit makes webkit nightly a great environment for debugging javascript.

+1

+1

We're not planning to add this functionality anytime soon, sorry. We'd love to see a community project that makes this work though.

On my fork of react-devtools I have an electron-based app that can be used to debug things like WebViews (or safari), though it requires that you add a script tag to your page. https://github.com/jaredly/react-devtools/tree/inspection-server/shells/electron

Even as someone who enjoys using Chrome I think a web development monoculture based entirely around a single browser is a bad thing.

it is available for Firefox as well. Does Safari Devtools even allow extensions?

Ah, I wasn't aware of the firefox one. I believe Safari does allow extensions. As long as there are 2 options that is ok.

If Safari does indeed, then support can be added by creating another shell here: https://github.com/facebook/react-devtools/tree/master/shells

+1

I can't see anything in the Safari extension API to extend the developer tools. One option that might work is to write an OS X companion app for the debugger extension. We don't have plans to work on this though.

This would be useful for debugging React in the iOS simulator.

+1

+1

+1

+1

For those trying to debug in the iOS simulator (or another unsupported browser) this seems to be useful: https://github.com/facebook/react-devtools/tree/master/packages/react-devtools

And just incase that URL changes, you basically just do this:

npm install -g react-devtools
react-devtools

Then follow the instructions in the window that launches.

+1

+1

+1

+1

+1

+1

+1

@sophiebits

Safari React inspector could help to debug some weird behaviors on iOS Safari. Could you re-open this issue ? thanks :)

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1024

+1

+1

if there is a safari extension, will be great.

+1

+1

+1

+1

+1

+1

+1024

Was this page helpful?
0 / 5 - 0 ratings