首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何判断web应用程序是否正在使用ReactJs

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

Stack Overflow用户
提问于 2019-06-29 12:25:56
回答 4查看 39.5K关注 0票数 28

我知道有一些工具,比如、Wappalyzer、& BuiltWith,可以为您提供关于在网站中使用哪个框架或库的信息。但是我需要一些关于ReactJs是否真的在网站中使用的证据。

经过一些研究,我发现像typeof Reactwindow.React.version这样的命令,但是这些命令并不总是有效的。

对于如何检查reactJs,web应用程序有什么想法吗?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2019-06-29 12:43:01

试试下面的片段,谢谢由rambabusaravanan列出的每个站点的示例。见下面的链接

代码语言:javascript
复制
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');

您可以在这里找到更多信息,链接

票数 42
EN

Stack Overflow用户

发布于 2021-01-31 11:26:51

我也有同样的问题,在我的例子中,我发现更好的依靠React开发工具

您可以在Google中安装它,访问您想要检查的网站,并打开Chrome DevTools。

如果该网站使用uses,React开发工具将在Chrome DevTools中包含两个选项卡:

否则,工具将不包括选项卡:

票数 11
EN

Stack Overflow用户

发布于 2019-06-29 12:28:43

Chrome中有一个名为“React Developer Tools”的扩展,它允许您检查Chrome Developer Tools中的React组件层次结构

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

还有一个名为“React检测器”的扩展:)

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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56817526

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档