您现在的位置:油猴 > 油猴插件 > tampermonkey手机版 > 正文
Whatruns:一键分析网站技术栈Chrome开发者工具插件
http://tampermonkeya.com/      2022/4/10 19:45:07      作者:tampermonkey
Whatruns插件开发背景 对于一个前端程序员, 你可以通过打开开发者工具, 查看网站源码, 进而了解网站的技术细节, 但效率不高, 而且可能会漏掉一些技术。 分析网站的工具有很多, 但质量良莠不齐, 有的是版本陈旧, 很少维护, 无法识别新的技术, 有的则是受平台限制, 只有windows可用... 既然是分析网站的工具, 那工具本身最好和浏览器绑定, 当看到某个感兴趣网站的时候, 可以一键分析 。Whatruns就是这样一款可以一键分析网站的chrome插件。 Whatruns插件简介 Whatruns是一个chrome扩展, 你可以将它安装到Chrome浏览器中,看到感兴趣的网站,则点击扩展图标,一键分析(分析时间在5-10秒左右)。我们可以轻松了解网站的技术信息,让你不用自己慢慢挖掘分析网站源码,点一下按钮就会立即显示出来。 Whatruns的基本功能有: 1、一键点击即可找到您访问的任何网站上使用的技术。 2、可分析网站框架、网络技术、Wordpress插件、字体以及主题等。 3、几乎可以检测到运行网站的所有内容。 4、Whatruns 允许使用者输入 Email 来订阅通知,例如你想监测某个网站是否有技术调整或使用其他新的第三方服务,也可透过 Whatruns 接收通知,完全免费。 Whatruns插件安装方法 离线安装Whatruns Chrome插件的方法参照:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 最新谷歌浏览器离线安装版可以从这里下载:https://huajiakeji.com/chrome/2014-09/177.html。 Chrome插件离线安装出现"程序包无效CRX-HEADER-INVALID"参考Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法。 Whatruns插件应用一:查看网站使用的技术和第三方服务 这里先用简书jianshu.com试试水 简书使用webpack做打包,也使用了VueJS、jQuery、 Monment JS等技术 看看vue的官网用了什么技术 看看facebook用了什么技术 Whatruns插件应用二:详细了解相关技术 如果你需要详细了解某个技术, 可以通过Whatruns快速调转到相关技术的官网 同样的,你也可以查看使用了当前技术的相关网站, 以vue为例: 分析别人的网站能让我们更快的了解前端技术的变化,对于分析网站这种工作, 能用程序做就不要手动来, 毕竟程序又不会累~ Whatruns插件Chrome应用商店下载地址 https://chrome.google.com/webstore/detail/Whatruns/cmkdbmfndkfgebldhnkbfhlneefdaaip Whatruns联系方式 1.内容由https://www.Whatruns.com提供。 备注:本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes