繁体   English   中英

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

[英]How to tell if a website is using next.js?

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

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

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

默认情况下,Next.js 将X-Powered-By header 设置为Next.js 因此,如果您检查 Chrome 的 devtools 页面,您可以检查此 header 是否存在。

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

在此处输入图像描述

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

像超级

在此处输入图像描述

和Netflix一样

在此处输入图像描述

版本Next.js+页面属性:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM