我知道有一些工具,比如、Wappalyzer、& BuiltWith,可以为您提供关于在网站中使用哪个框架或库的信息。但是我需要一些关于ReactJs是否真的在网站中使用的证据。
经过一些研究,我发现像typeof React或window.React.version这样的命令,但是这些命令并不总是有效的。
对于如何检查reactJs,web应用程序有什么想法吗?
发布于 2019-06-29 12:43:01
试试下面的片段,谢谢由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');您可以在这里找到更多信息,链接
发布于 2021-01-31 11:26:51
我也有同样的问题,在我的例子中,我发现更好的依靠React开发工具。
您可以在Google中安装它,访问您想要检查的网站,并打开Chrome DevTools。
如果该网站使用uses,React开发工具将在Chrome DevTools中包含两个选项卡:

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

发布于 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
https://stackoverflow.com/questions/56817526
复制相似问题