I want to add react devtools to Safari browser

Question

I want to add react devtools to Safari browser I didn't find a way to install it

I want to see the react sign on the websites made by react

Thank you

Answer 1

I think what you are looking for is the react-devtools chrome extension?
React-devtools is a standalone package that runs independently.
The chrome extension hooks it up for convenience in chrome.

Safari doesn't have an extension right now (legacy reasons). If you really need to hook it up, it should not be hard to port it to safari since it's API's are now supposedly as open and similar as chrome's.

Answer 2

Starting with MacOS 13.0 Ventura and Safari 16.1, developers can now build and distribute Extensions for Safari Web Inspector, just like they do with Safari as a whole through the App Store.

It is now hopefully a matter of time before Facebook or someone else builds and distributes React Dev Tools for Safari.

Reference: Adding a web development tool to Safari Web Inspector