如何判断网站是否使用 next.js？

Question

通过使用React Developer Tools可以很容易地判断网站是否使用 ReactJS 。

然而，我知道一个使用ReactJS和服务器端渲染的网站（整个页面是用React组件构建的，但页面源包含整个HTML）。是否可以判断该网站是否使用Next.js特别用于 SSR？

Next.js 是否在前端留下任何可检测到的痕迹？

Answer 1

如果您看到内容用 id="__next" 包装，则该网站使用 next.js

像优步一样

和Netflix一样

Answer 2

默认情况下，Next.js 将X-Powered-By标头设置为Next.js。因此，如果您检查 Chrome 的开发工具中的某个页面，您可以检查该标头是否存在。

注意：开发人员可以选择不包含此标头。所以如果 header 不存在，并不能证明该网站没有使用 Next.js

Answer 3

Next.js 版本 + 页面属性：

console.log({
  NextJSVersion: window.next?.version,
  pageProps: window.__NEXT_DATA__?.props?.pageProps
})