为什么我的 PWA 不能在 Safari 和 opera 上运行？它显示“无法建立与服务器的安全连接”答案

【问题标题】：Why my PWA doesn't work on Safari and opera? It shows "can't establish a secure connection to the server"为什么我的 PWA 不能在 Safari 和 opera 上运行？它显示“无法建立与服务器的安全连接”
【发布时间】：2019-01-15 21:42:54
【问题描述】：

我正在制作 PWA，并托管在 Firebase 上。我可以在 Chrome、IE 和其他浏览器中看到我的页面。但我对 Safari 和 Opera 有疑问。我有 SLL 证书和 TLS 1.2（均来自 firebase），使用 nginx 作为服务器。

我在浏览器上测试了我的页面，但出现如下错误：

"Safari 无法打开页面 -url- 因为 safari 无法建立一个
与服务器的安全连接 -url-" “无法成立与协议 SSL/TLS 的通信" “致命错误 (70) 来自服务器" (Opera/Debian)

在 htbridge 中我得到了：

*HTTPS 协议，CSP 状态失败 *许多“标头不是由服务器发送的。” *我没有证书颁发机构授权 (CAA) 记录。 *不支持 TLSv1.3 *服务器不提供 HPKP

所以，我想是关于安全性的。但我不知道为什么它可能是主要问题。

我试图纠正服务器（nginx）上的一些命令，但我不知道那在哪里或我需要做什么。我对这些东西很陌生，此时我需要有人指导我。

我应该做什么或者我不知道什么？

【问题讨论】：

"寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确的问题陈述对其他读者没有用处。见：How to create a Minimal, Complete, and Verifiable example."

标签： firebase ssl web progressive-web-apps

【解决方案1】：

Opera 完全跟随 Chrome 的脚步，所以如果它可以在 Chrome 上运行，那么在 Opera 上应该没有问题，我会说只需卸载 Opera 并重新安装它。另外，检查你有什么版本？为了最大限度地使用这两种浏览器，您需要最新版本。此外，Safari 对 PWA 和 service worker 有一定的限制。虽然 Safari 和 MS Edge 都在处理它，所有主要浏览器都在 PWA 问题上进入同一页面（即 Service Worker、Cache Api 和 IndexedDB）。

【讨论】：

【解决方案2】：

事实证明，我是在过时版本的 Safari 和 Opera for Windows 上进行测试。出于某种原因，它在特定的 iPhone 上不起作用，因此我很困惑。感谢您的帮助！

【讨论】：