吃鸡ing，让我去他们用的什么js框架

　　吃鸡ing，让我去他们用的什么js框架

　　昨天我在吃鸡肉，而3次杀戮即将进入决赛。突然，老师抛出了三个网站链接，让我检查他们使用了什么js框架。 。

　　合理，当我第一次看到这个问题时，我的头皮发麻了

　　如何通过网页看到它是什么样的框架？难道不是每个人都封装了它吗？

　　所有写这个网站的人都傻吗？只让您看看核心js框架？

　　经过两天的实验和检查信息，似乎可以看到它。毕竟，没有人是完美的，总是有一百个秘密。

　　当然，这些只是我尝试过的一些方法。我的问题已解决，但不能保证所有问题都会得到解决。如果遇到包装合理的网站，请接受命运。

　　当您第一次开始搜索时，其他人的博客或论坛会给您很多网站，让您输入网站，您可以看到网站的核心技术，这是合理的，真的没有用于鸡蛋。

　　例如，我尝试过的那个：

　　

　　操作非常简单，您只需要输入URL，然后查看返回的内容

　　

　　这些是网站它返回给我的所有技术，但这不是我想要的o（（>ω

　　还有另一个问题。如果框架是ASP.NET，则网页访问应具有相应的后缀，例如：.aspx，ashx等。

　　我认为这件事让我很烦...

　　后来，我试图在google上用英语搜索这些类型的问题。有人告诉我要通过经验来获取它，也就是说，您应该了解更多有关该框架的知识，了解每个框架的特征和关键字，然后您可以一眼就知道这一点。它是由该框架编写的。 。 。说到框架，您可以看一下我的其他博客，看看有多少个前端框架。另一种是将代码发布到Github上，并使用html本机函数document.querySelector（）获取dom信息。主要原理类似于第一人称的意思。

　　可以归结为：不同的框架具有由不同的框架使用的特定关键字。例如，在Angular中，我们使用“ ng- *”作为特定的指令标识符，在React中，我们使用reactid和其他标识符，然后您可以通过搜索这些关键字来获取网站的框架（当然，此方法不是万能药，但也是有效的方法一）

　　代码如下：

　　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||!!document.querySelector('[v-if],[v-for],[v-show]')) 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');

　　将上述代码直接注入控制台

　　

　　它将直接打印出您的前端js框架，但是对于某些无法使用的页面，您需要一个一个地打开多个页面。我测试了以前用Angular编写的项目，但首页上的测试失败，但是当您单击以打开登录页面时，它将直接显示。您必须对这种方法有耐心。

　　当然，对于某些网站，无论您测试多少，它都不会起作用。此时，您必须单击Sources来阅读代码。

　　估计对于不同的框架有不同的参考文件，但是我仍然仔细地查找它。我搜索了此页面的登录界面，然后发现在请求界面的地方调用了其他框架，因此我确定了此网站框架

　　

　　

　　所有来到网站前端js框架以使用Zepto的人，当然，这只是我的解决方案，也许大个子有更好的解决方案，请分享

　　总结：我觉得无论如何这项技能似乎都没用，但是老师在完成后不能放手，所以就去做吧