js提取指定网站内容(吃鸡ing3杀就快决赛圈了，突然老师丢给三个网站链接)

　　js提取指定网站内容(吃鸡ing3杀就快决赛圈了，突然老师丢给三个网站链接)

　　昨天在吃鸡ing，3杀快要决赛了。突然老师丢了三个网站链接让我看看他们用的是哪个js框架。. .

　　说句公道话，第一次看到这个问题我头皮都麻了

　　怎么可能通过网页看到其他人是什么框架？大家不是都封装了吗？

　　写这个网站的人都是傻子吗？就让你看看核心js框架？

　　经过两天的试验和查资料，似乎可以看出来了。毕竟没有人是十全十美的，一百个秘密总是有隔阂的时候。

　　当然，这些只是我尝试过的一些方法。我的问题解决了，但不保证所有问题都会解决。如果遇到一个包装好的网站，那就认命吧。.

　　刚开始搜索的时候，别人的博客或者论坛会给你很多网站，让你输入你的网站，就可以看到网站的核心技术，推理真的没用.

　　例如，我试过的一个：

　　操作很简单，只需要输入网址，然后看看返回什么

　　这就是它用来回报我的所有技巧网站，但这不是我想要的o((>ω

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

　　我只觉得这件事让我很生气...

　　后来，我试着用英文在google上搜索这类问题。一个告诉我靠经验来获取，就是要多了解框架，了解每个框架的特点和关键词。然后一看就知道这是哪个框架。书面。. . 说到框架，你可以看看我的另一篇博客，看看有多少前端框架；另一种是将代码贴到Github上，使用html原生函数document.querySelector()获取dom信息。主要原理和第一人称意思差不多。

　　归结为：不同的框架有不同的框架使用的特定关键字。比如Angular中我们使用“ng-*”作为具体的指令标识符，而React中我们使用reactid等标识符，那么你可以通过搜索这些Keyword方法来获取网站的frame（当然，这个方法不是万能的，但也是一）的有效方法

　　代码显示如下：

　　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，当然这只是我的解决方案，也许大佬有更好的解决方案，请分享

　　总结：我觉得这个技能反正好像没什么用，但是老师做完后不能放过，所以还是做吧。