Menu
I found this link for determining that a webpage is using angular
Tried doing the same thing for React, but there is no object displayed in console.
Any idea on how it works?
Thanks in advance
292
React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools. You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler".
The other method is also straightforward, you can check the React app version by heading over to node_modules/react/cjs/react. development. js. You can see the react project version in the commented section as showing given below.
Opening React Dev Tools To open the extension. Right-click anywhere in the browser window and click on Inspect. Additionally, you can open it by pressing F12. This will open browser developer tools with all the usual tabs like Elements, Console, etc.
According to the react-devtools FAQ:
When the page loads, the devtools sets a global named
__REACT_DEVTOOLS_GLOBAL_HOOK__, then React communicates with that hook during initialization.
It appears others have found this as well, and someone asked how to prevent your production React app from working with React Devtools: https://stackoverflow.com/a/39152804/368697
128
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
