Dev.to | 📄 原文链接 | 2026-07-25 收录

为什么某些 Next.js 网站查看源代码是空的——这不是 Bug

来源：dev.to — 2026-07-24

📋 概述

解释了为何大型 Next.js 网站在「查看页面源代码」时只显示极简 HTML 壳：它们使用了动态渲染策略。对普通用户发送 CSR 客户端壳（降低服务器负载），对搜索引擎爬虫则发送完整 SSR 内容（保证 SEO）。这种混合策略通过 User-Agent 检测或 Botd 等工具在边缘层实现智能分流。

🔑 核心要点

「查源码为空」不是 Bug 而是动态渲染的设计策略
普通用户获得最小 HTML 壳 + CSR JS，减轻服务器负载、提升用户体验
搜索引擎爬虫获得完整 SSR 内容，保证 SEO 索引
适合高流量动态页面（实时价格、股票、个性化内容），全量 SSR 成本过高
实现方式：export const dynamic = 'force-dynamic' + Middleware/Edge Functions 做机器人检测
推荐工具：Botd (FingerprintJS) 比简单的 User-Agent 检测更精准

💡 金句

打开页面，查看源代码，几乎看不到真实内容——只有轻量级的壳。这可能乍看像 Bug，但实际上是一个聪明而有意的设计。

← 返回 Dev.to 首页