利用 JavaScript document.lastModified 判断网页是否为伪静态

基本原理：为什么能看出真假？

纯静态页面是指在服务器硬盘上真实存在的 .html 文件。无论何时访问，只要服务器不重新生成，其文件元数据中的“最后修改时间”固定不变，通常远早于当前时间。

伪静态页面本质上是动态脚本（如 PHP、Python 等）根据 URL 参数实时生成的 HTML 内容返回给浏览器。由于每次请求（或特定条件下）都由服务端即时计算生成，因此返回的内容往往被视为“刚刚创建”，其 `lastModified` 时间戳通常会非常接近用户访问时的系统时间，甚至精确到秒级一致。

操作步骤：一行代码快速验证

以下方法适用于大多数现代浏览器（Chrome, Edge, Firefox, Safari 等），不再局限于 IE 浏览器。

第 1 步：定位目标网页

• 打开你怀疑是伪静态的目标页面（例如某篇新闻详情页、商品展示页）。
• 确保页面已经完整加载。

第 2 步：在地址栏输入调试命令

• 点击浏览器顶部的 地址栏，选中当前 URL。
• 清空内容，输入以下代码并回车：

javascript:alert(document.lastModified)

第 3 步：观察弹出的时间弹窗

1. 浏览器会弹出一个包含日期和时间字符串的对话框。
2. 观察该时间与电脑右下角系统时间的差异。

判断标准：

• 疑似伪静态（动态生成）： 弹窗显示的时间与你查看网页时的系统时间高度吻合，甚至精确到秒。这说明内容是服务器端实时渲染或带有最新缓存策略。
• 疑似纯静态： 弹窗显示的时间明显早于现在（例如显示的是几年前或几个月前的时间）。这通常是服务器硬盘上预先写好的静态 HTML 文件，或者 CDN 缓存了旧版本。

注意事项与局限性

虽然上述方法简单有效，但在实际排查时需注意以下情况可能导致误判：

• CDN 缓存干扰： 如果网站使用了强力 CDN 且配置不当，静态页面的 Last-Modified 响应头可能被更新为最近一次同步源站的时间，导致看起来像“刚生成”。此时需检查 HTTP 响应头中的 Cache-Control 和 Vary 字段。
• 动态时间戳嵌入： 极少数伪静态模板会将当前时间作为变量直接写入 HTML 源码（如“发布时间：2023-10-27”），但这属于内容层面的动态，不影响 URL 层面的静态/伪静态本质判断。此方法主要反映的是文档本身的元数据状态。
• SPA（单页应用）： 对于 Vue、React 构建的前端路由页面，首次访问可能由服务端返回空壳 HTML，后续内容由前端异步加载。这种架构下，lastModified 可能不准确，需结合 Network 面板检查接口调用情况。

总结

通过以上 javascript:alert(document.lastModified) 命令，我们可以快速初筛网站的页面性质。对于开发者而言，理解这一机制有助于更好地优化 SEO 和缓存策略。以上就是借助 JavaScript 代码判断网页是静态还是伪静态的详细内容，更多关于 Web 开发技巧的资料请关注本站其它相关文章！