我有个习惯：每次看到一个体验很好的网站，我都会忍不住去想——它的技术栈是什么？

这个习惯让我学到了很多东西。因为当你去研究一个优秀的产品用了什么技术时，你不是在”偷窥”，你是在学习别人做技术选择时的思考方式。

一句话理解： 判断网站的开发语言，2026 年用 Wappalyzer 一键完成，但了解背后的原理更有趣。

方法一：看 URL 后缀（不太靠谱了）

老方法：看页面 URL 是什么后缀。

1
2
3
4
.php → PHP 开发
.aspx → ASP.NET
.jsp → Java JSP
.shtml → 服务端包含

但 2026 年大部分网站都启用了 URL 重写/美化，.php 后缀基本看不到了。比如这个博客的 URL 是 /archives/31/，不是 .html 也不是 .php。

方法二：看响应头（比较靠谱）

1
2
3
4
5
6
curl -I https://example.com

# 返回的响应头可能包含：
Server: nginx/1.24.0
X-Powered-By: PHP/8.3
X-Generator: Hexo 7.3

但响应头也可能被隐藏——很多网站为了安全会去掉 X-Powered-By。

方法三：用工具分析（最推荐）

Wappalyzer

浏览器扩展，访问网站后一键显示技术栈。它不只是检测语言，还检测框架、CMS、CDN 等。

常见后端技术的特征

技术 典型特征 如何识别
PHP 响应头 X-Powered-By: PHP、文件后缀 .php WordPress/Hexo 常见后端
Node.js 响应头 X-Powered-By: Express、无 Server 头 现代 API 服务
Python 响应头 Server: Python/3.x、WSGIServer Django/Flask 应用
Java JSESSIONID Cookie、.jsp 后缀 企业级应用
Go 响应头无特殊标识、编译型特征 API 网关、CLI 工具
.NET 响应头 X-AspNet-Version、ASP.NET_SessionId Cookie 企业应用

常见前端框架的识别

1
2
3
4
5
6
7
8
9
10
<!-- React：页面根部有 <div id="root"> 或 <div id="__next"> -->
<div id="root"></div>
<script src="/static/js/main.abc123.js"></script>

<!-- Vue：页面根部有 <div id="app"> -->
<div id="app"></div>

<!-- 查看构建产物特征 -->
<!-- React 通常有 .js 文件名带 hash -->
<!-- Vue 通常有 .vue 文件引用 -->

综合判断

最好的方式不是单独依赖某一种方法，而是综合判断：

  1. 先用 Wappalyzer 快速扫描
  2. 再用 DevTools 查看 Network 面板中的响应头
  3. 最后查看页面源代码中的特征标签

比如这个博客的技术栈：Hexo → 静态站点 → Nginx 服务器 → Cloudflare CDN——在 Wappalyzer 中一眼就能看出来。

相关推荐

P.S. 我经常用 Wappalyzer 来看一些知名网站的技术栈变化——比如几年前某个大站从 jQuery 换到了 React，又比如某个网站从 PHP 后端迁移到了 Go。通过观察这些变化，你能感受到技术趋势的脉搏。 下次遇到一个让你眼前一亮的网站，别光顾着看界面，看一眼它的”里子”。