javascript - 禁用 Javascript 的 Gatsby 静态站点

Question

是否可以使用 Gatsby 生成可以在浏览器中禁用 Javascript 的情况下查看的静态站点？

我听说可以通过这种方式访问​​ Gatsby 站点，但我尝试了各种 Gatsby 启动器，包括 gatsby-starter-default和 gatsby-advanced-starter并且它们都只会在禁用 Javascript 时显示索引页面。链接点击返回白屏。

我只是在这里寻找一些优雅的降级——我只需要渲染基本的页面和图像，仅此而已。

Answer 1

Gatsby 正在生成应用程序的关键部分，这些部分会在页面加载时显示，然后使用 React “水合”页面，这意味着它首先显示关键的 HTML 和 CSS，然后才加载网站的动态部分。因此，如果您使用一些无法预渲染的额外 react 组件，它们将无法工作，但整个站点应该可以工作。

如果您使用服务 worker 并从 devtools 禁用 JS，则可能是缓存问题。尝试从浏览器首选项中禁用 javascript，并在不打开 devtools 的情况下从隐身窗口运行网站。基于 GatsbyJS 的网站应该可以工作。

但是，启用 PWA 和服务 worker 后，您的网站会更快，使用更少的数据，这确实需要 javascript。