Javascript 禁用的 Gatsby 静态站点
Gatsby Static Sites with Javascript Disabled
是否可以使用 Gatsby 生成可以在浏览器中禁用 Javascript 的情况下查看的静态站点?
我听说可以通过这种方式访问 Gatsby 站点,但我尝试了各种 Gatsby 启动器,包括 gatsby-starter-default and gatsby-advanced-starter,并且所有这些启动器都只会在禁用 Javascript 时显示索引页面。 Link 点击 return 白屏。
我只是在这里寻找一些优雅的降级 - 我只需要呈现基本页面和图像,仅此而已。
Gatsby 正在生成应用程序的关键部分,这些部分在页面加载时显示,然后 "hydrates" 带有 React 的页面,这意味着它首先显示关键 HTML 和 CSS 并且仅之后加载网站的动态部分。因此,如果您使用一些无法预渲染的额外 React 组件,它们将无法工作,但整个站点应该可以工作。
如果您正在使用服务工作者并从 devtools 禁用 JS,则可能是缓存问题。尝试从浏览器首选项中禁用 javascript 并在不打开 devtools 的情况下从隐身 window 中禁用网站 运行。基于 GatsbyJS 的网站应该可以工作。
但是,启用 PWA 和 Service Worker 后,您的网站会更快并且使用更少的数据,这确实需要 javascript。
是否可以使用 Gatsby 生成可以在浏览器中禁用 Javascript 的情况下查看的静态站点?
我听说可以通过这种方式访问 Gatsby 站点,但我尝试了各种 Gatsby 启动器,包括 gatsby-starter-default and gatsby-advanced-starter,并且所有这些启动器都只会在禁用 Javascript 时显示索引页面。 Link 点击 return 白屏。
我只是在这里寻找一些优雅的降级 - 我只需要呈现基本页面和图像,仅此而已。
Gatsby 正在生成应用程序的关键部分,这些部分在页面加载时显示,然后 "hydrates" 带有 React 的页面,这意味着它首先显示关键 HTML 和 CSS 并且仅之后加载网站的动态部分。因此,如果您使用一些无法预渲染的额外 React 组件,它们将无法工作,但整个站点应该可以工作。
如果您正在使用服务工作者并从 devtools 禁用 JS,则可能是缓存问题。尝试从浏览器首选项中禁用 javascript 并在不打开 devtools 的情况下从隐身 window 中禁用网站 运行。基于 GatsbyJS 的网站应该可以工作。
但是,启用 PWA 和 Service Worker 后,您的网站会更快并且使用更少的数据,这确实需要 javascript。