PWA上的特殊链接(tel:,mailto:,sms :)

时间:2017-11-29 01:30:21

标签: android sms mailto progressive-web-apps tel

我正在开发一个使用PWA在手机上创建原生应用程序的网站。

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

在Android上的普通Chrome浏览器中,这些工作非常好 - 电话链接打开拨号器,mailto链接打开邮件应用程序,短信链接打开短信应用程序。

只是当你通过PWA打开它们时,它们最终会出现一个如下所示的空白屏幕:

enter image description here

如何在PWA中使用它,因为它在浏览器中有效?

2 个答案:

答案 0 :(得分:1)

只是有这个问题。与目标“ _blank”的链接阻止了SMS:URI在我的主屏幕启动的Web应用程序中触发:

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

从链接中删除“目标”属性可以解决问题:

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

答案 1 :(得分:0)

在Chrome 65.0.3325.109上测试时,tel:在onClick处理程序中使用window.location.href='tel:12345678')时工作正常,如https://bugs.chromium.org/p/chromium/issues/detail?id=792990#c2

所示

但是,当我尝试window.open('tel:12345678')时,它对我不起作用。