如何判断Web应用程序是否正在使用ReactJs

Question

我知道有 Wappalyzer 和 BuiltWith 之类的工具，可为您提供有关在网站中使用哪种框架或库的信息。但是我需要某种证据来证明 ReactJs 是否确实在网站中使用。

经过研究，我发现诸如typeof React或window.React.version之类的命令，但这些命令并非始终有效。

关于如何检查 reactJs 的任何想法都已用于网络应用程序？

Answer 1

我遇到了同样的问题，就我而言，我发现依靠 React Developer Tools 更好。

您可以在谷歌浏览器中安装它，访问您要查看的网站，并打开 Chrome DevTools。

如果网站使用 React，React 开发者工具将在 Chrome DevTools 中包含两个选项卡：

否则，React 开发者工具将不包含标签：

Answer 2

Chrome中有一个名为“ React开发人员工具”的扩展程序，可用于检查Chrome开发人员工具中的React组件层次结构

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

还有一个名为“ React-detector”的扩展名：）

https://chrome.google.com/webstore/detail/react-detector/jaaklebbenondhkanegppccanebkdjlh

Answer 3

尝试以下代码段，感谢rambabusaravanan列出的每个站点的示例。参见下面的链接

if(!!window.React ||
   !!document.querySelector('[data-reactroot], [data-reactid]'))
  console.log('React.js');

if(!!window.angular ||
   !!document.querySelector('.ng-binding, [ng-app], [data-ng-app], [ng-controller], [data-ng-controller], [ng-repeat], [data-ng-repeat]') ||
   !!document.querySelector('script[src*="angular.js"], script[src*="angular.min.js"]'))
  console.log('Angular.js');

if(!!window.Backbone) console.log('Backbone.js');
if(!!window.Ember) console.log('Ember.js');
if(!!window.Vue) console.log('Vue.js');
if(!!window.Meteor) console.log('Meteor.js');
if(!!window.Zepto) console.log('Zepto.js');
if(!!window.jQuery) console.log('jQuery.js');

您可以在link

中找到其他信息

Answer 4

以下@DILEEP THOMAS回答：

对于 Angular（基于组件），请使用以下代码：

if (
    window.hasOwnProperty("ng") &&
    window.ng.hasOwnProperty("coreTokens") &&
    window.ng.coreTokens.hasOwnProperty("NgZone")
  ) {
    console.log("Angular");
  }

在以下网页上的控制台中运行代码：

使用Angular2 +的网页/应用程序是：https://www.samsung-forward.ru/，https://www.delta.com/

Stackoverflow.com 似乎没有使用它。