How does React Developer Tools determine that the webpage is using React?

Question

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

Ross Allen · Accepted Answer · 2017-12-10 12:01:32Z

9

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

edited Dec 10, 2017 at 12:01

answered Oct 18, 2017 at 10:45

Ross Allen

45k14 gold badges100 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How does React Developer Tools determine that the webpage is using React?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related