如何修复 PWA 审核中的“当 JavaScript 不可用时不提供后备内容”？

Posted 2023-05-07

【中文标题】如何修复 PWA 审核中的“当 JavaScript 不可用时不提供后备内容”？

【英文标题】：How to fix "Does not provide fallback content when JavaScript is not available" in audit in PWA?

【发布时间】：2019-11-14 00:34:47

【问题描述】：

我制作了一个 Angular 应用程序，我想在审计中对其进行测试，但在 PWA 的审计中，我在 PWA 优化部分出现错误，例如

当 javascript 不可用时不提供后备内容

我什至在 index.html 文件中写了<noscript>Please enable javascript</noscript>。当我通过启动 http-server 在 localhost 中运行审计时，我没有收到此错误，但是我正在检查服务器，然后它在 PWA 优化部分中给出了红色标记？如何解决？

这是错误：

【参考方案1】：

通常，在您的页面上添加 <noscript> 块可以解决这个问题...我自己在 my website 上解决了这个问题

参考谷歌的网站（我今天在你的问题之后访问了它，我们看到了描述：

考虑到这些因素，这次 Lighthouse 审计执行了一个简单的 检查以确保您的页面在 JavaScript 运行时不为空白 禁用。您的应用遵循渐进增强的严格程度是 一个争论的话题，但人们普遍认为所有页面 当 JavaScript 被禁用时，应该至少显示一些信息， 即使内容只是提醒用户 JavaScript 是 需要使用该页面。

对于绝对必须依赖 JavaScript 的页面，一种方法是 使用元素提醒用户需要 JavaScript 为页面。这比空白页好，因为空白页 让用户不确定页面是否存在问题， 他们的浏览器或计算机。

我怀疑当您disable javascript via chrome 时，您最终可能只会看到“请启用javascript”文本；也尝试放置

一张图片，一个备用导航（仅在没有 JS 的情况下运行） 备用页脚（仅在没有 JS 的情况下运行）