PWA中的特殊链接（tel：，mailto：，sms：）

Question

我正在开发一个网站，使用PWA在手机上创建本地样式的应用。

我面临的问题是，当应用程序已添加到主屏幕时，以tel:、mailto:或sms:开头的链接不再起作用。

在Android上的正常Chrome浏览器中，这些链接都可以正常工作 - tel链接打开拨号器，mailto链接打开邮件应用程序，sms链接则打开短信应用程序。

只有当您通过PWA打开它们时，它们会最终显示为空白屏幕，如下所示：

我该如何使这在PWA中像在浏览器中一样工作？

- hash12

---

这也在这个论坛上报告过了。如果你认为这是一个错误，你可以提交报告。 - abielita

我已经代表您提交了 https://bugs.chromium.org/p/chromium/issues/detail?id=792990 的报告，其中包含了此帖子中的详细信息。请为该问题“点赞”并回复任何要求跟进信息的请求。 - Jeff Posnick

我投票关闭此问题，因为这是一个错误报告，应该通过Chromium问题跟踪器解决。 - Jeff Posnick

根据 https://bugs.chromium.org/p/chromium/issues/detail?id=792990#c8 的说法，这个问题应该已经在最新的Chrome Canary版本中得到了修复。 - Jeff Posnick

Answer 1

我刚刚遇到了这个问题。在我的主屏幕启动的 Web 应用中，使用 "_blank" 作为 target 的链接阻止了 SMS: URI 的触发：

<a href="sms:?body=Hello" target="_blank">

从链接中删除'target'属性解决了这个问题。

<a href="sms:?body=Hello">

- A. Niese

Answer 2

在Chrome 65.0.3325.109上进行了测试，当我在一个onClick处理程序中使用window.location.href='tel:[phone]'时，tel:可以正常工作，就像https://bugs.chromium.org/p/chromium/issues/detail?id=792990#c2中建议的那样。

然而，当我尝试使用window.open('tel:[phone]')时，却没有起作用。

- Henry