插件小屋
Next.js Detector

Next.js Detector

1.2
2026-06-12
0
5.0
Next.js Detector - 截图 1Next.js Detector - 截图 2Next.js Detector - 截图 3

插件介绍

全面的 Next.js 检测工具 - 检测版本、路由器类型、功能、部署平台等。

一个轻量级的 Chrome 扩展程序,可以立即检测网页是否是使用 Next.js 框架构建的。

完整描述:

Next.js Detector 是一款轻量级 Chrome 扩展,可帮助开发人员快速识别网页是否是使用流行的 Next.js 框架构建的。通过分析页面的源代码,此扩展检查 Next.js 特定的模式并提供有关 Next.js 实现的全面见解。

主要特点:

• 即时检测:自动检测当前网页是否由 Next.js 提供支持
• 路由器类型检测:识别站点是使用 Pages Router 还是 App Router
• 版本检测:显示正在使用的 Next.js 版本
• 构建信息:显示构建 ID 和时间戳
• 功能检测:检测图像优化、字体优化、API 路由、服务器/客户端组件和中间件
• 统计数据:显示 Next.js 功能的使用计数(图像、链接、脚本、API 路由)
• 部署检测:识别部署平台(Vercel、Netlify 等)
• 环境检测:区分开发环境和生产环境
• 复制到剪贴板:将所有检测数据导出为 JSON 以供进一步分析
• 简单的界面:以干净、现代且易于阅读的弹出窗口显示结果
• 轻量且快速:对浏览器性能的影响最小

运作原理:

1. 浏览任意网页时单击扩展程序图标
2.扩展自动分析页面源代码
3. 查看有关 Next.js 实现的全面信息,包括:
- 路由器类型(页面路由器与应用程序路由器)
- Next.js 版本
- 构建信息
- 使用中的功能
- 统计和使用次数
- 部署平台
- 环境细节

使用案例:

• 快速识别:立即识别 Next.js 支持的网站以进行调试或学习
• 技术堆栈分析:深入了解任何网页的技术堆栈
• 开发工作流程:了解 Next.js 如何在实际应用程序中实施
• 学习工具:发现跨不同网站使用的 Next.js 功能和模式
• 调试:故障排除时快速检查 Next.js 版本和配置

为什么使用 NEXT.JS 检测器?

• 节省时间:无需手动检查页面源、网络请求或浏览器开发工具
• 学习和探索:了解如何在实际应用程序中使用 Next.js
• 全面分析:获取有关 Next.js 实施的详细信息,而不仅仅是简单的检测
• 开发人员友好:使用 Next.js 或探索 Web 技术的开发人员的必备工具
• 轻量级:最少的资源使用,不影响浏览速度
• 免费和开源:完全免费使用

技术细节:

该扩展分析多个指标来检测 Next.js:
- __NEXT_DATA__ 对象(页面路由器)
- /_next/static/assets(应用程序路由器)
- Next.js 元标记和数据属性
- 具有 Next.js 模式的脚本和链接标签

隐私:

Next.js 检测器完全在您的浏览器本地运行。它不会:
- 收集或传输任何数据
- 跟踪您的浏览习惯
- 需要互联网连接(安装后)
- 存储任何信息

所有分析均在客户端进行,确保完全的隐私和安全。

安装:

1. 在 Chrome 网上应用店中点击“添加到 Chrome”
2.确认安装
3.立即开始检测Next.js网站!


插件详情

评分
5.0星(共5星),共5位用户参与评分
使用人数514
版本1.2
文件大小32.87KB
支持语言英语
IDofiedijbgakckmigjcjcklgbgkmcpejh
发布时间2026-06-12 18:35:36