别再右键查看源代码了,这个插件 1 秒扒光网站技术栈

    前阵子想看看一个网站是用什么技术搭的，习惯性点开 Wappalyzer，结果一片空白。又换了几个网站试，好几个都是这样。这个插件我用了好几年，一直挺顺手，那一下真有点懵。

    后来我把能找到的同类插件试了一圈，最后留下来一个开源的：StackPrism，中文名叫「栈棱镜」。先放实测，再说为什么换。

01实测两个网站

第一个拿 linux.do 试，很多程序员应该都逛过。

linux.do 的检测结果，左边浅色主题，右边深色主题

识别出 25 项技术，顺带扫了 341 个资源、28 个响应头。

Ember.js、jQuery 4.0.0、MathJax、Moment.js、Prism 这些前端的东西都在，CDN 是 Cloudflare。

让我意外的是后端那一栏，写着 Ruby on Rails。

linux.do 是用 Discourse 搭的，Discourse 就是前端 Ember、后端 Rails，对得上。后端框架一般不会直接写在页面上，能认出这个，说明它看的不只是页面表面。

第二个试了下 X，就是以前的推特。

x.com 的检测结果

React、Tailwind CSS，core-js 连版本号 3.49.0 都给出来了。CDN 是 Cloudflare，Web 服务器是 Envoy。

前端、CDN、服务器各一层，我想知道的基本都在这了。

02之前那些插件差在哪

说回找替代品那段时间。

同类插件我差不多装了个遍。有的识别率还不如 Wappalyzer；有的全英文，结果堆成一大坨；有的要先注册账号；还有几个看了下更新时间，好几年没人维护了。

栈棱镜认得更全，我好奇去翻了它的 GitHub 仓库。README 写得挺清楚，它是同时从四个地方找线索：

四路结果最后合并，还会过滤掉伪造的响应头和模糊匹配出来的误报。

规则库现在有 2000 多条，分了 50 多个类别。前端框架、UI 库、构建工具、后端框架、Web 服务器、CDN、CMS、主题模板、统计、广告、登录、支付、各种 SaaS，都在里面。

所以不光写代码的能用。做产品、做运营的想知道竞品用哪家统计、接的哪家支付，点一下也就知道了。

03几个我常用的功能

原始线索。 每一项结果都能点开看依据，是哪段代码、哪个响应头让它得出的结论。这类工具我一直不太放心，能看到证据就踏实多了。

重点 / 全部。 默认只显示重点，不会一打开就是一大堆。想看全的切一下，也能按分类筛、直接搜。

复制全部。 写技术调研的时候，一键把整份结果复制出来，贴进文档就行。

自定义规则。 公司内部的框架它肯定不认识，可以自己加规则，填表单或者写 JSON 都行。规则能导出，换台电脑导进去接着用。

屏蔽。 不想看的分类直接关掉，也能按名字屏蔽某一项技术。

另外几点也提一下：不用注册，检测在本地做，不会上传你访问的网址；MIT 协议开源，GitHub 上 1.2k 多 Star；界面有中文，也有深色模式。

04怎么装

Chrome、Edge、Firefox 的官方商店都上架了，商店里搜 StackPrism 就能找到。Chrome 商店打不开的，用 Edge 商店装也一样。

装好以后，打开任意网页，点浏览器右上角的图标就行。

· · ·

    以前看到好看的网站，我顶多收藏一下。现在会顺手点一下栈棱镜，看看人家用了什么、怎么搭的，比收藏有用多了。

    如果你也被 Wappalyzer 认不出来搞得没脾气过，可以装一个试试。用着顺手的话，去 GitHub 给作者点个 Star，开源项目就靠这个续命。