[sms：和mailto：iPhone Safari移动浏览器失败

Question

问题：

带有sms：和mailto：的网页在ios移动safari浏览器上链接失败。单击链接会将您重定向到：

Safari无法打开页面，因为它无法重定向到位置以“ sms：”开头]

或

Safari无法打开页面，因为它无法重定向到位置以“ mailto：”开头

这些以前可以正常工作，直到大约两三个月前。现在这些在使用Safari浏览器的Apple移动设备上失败。

背景：

• 我为基于活动的团队创建响应式网页。我们要做的事情之一就是提供团队名单。名册包括电话号码，SMS文本页面和电子邮件的链接。
• 为了简单起见，我们使用了简单的网页。
• 由于安全和隐私问题，仅在登录后通过node.js服务器通过ajax调用提供此内容。我们正在使用单个node.js Express服务器来托管网站内容并管理http / api调用。
• 通常，单击链接会将移动设备推送到相应的本机应用程序中，以进行电话，短信或电子邮件。
• 这在所有设备上都运行了好几年。
• 最近我们在iPhone上看到了问题...但是...
• 这是最奇怪的部分。我有3个团队使用此技术。.仅在三个团队中有两个失败。短信链接在那很好。
• “ tel：”链接在所有设备上均正常运行。
• 仅在iPhone上的sms和mailto：这三个站点中的两个站点上发生故障。在Android设备，Windows和MacOS上，一切仍然可以正常工作。问题是苹果移动设备。
• 发生故障的两个站点是Progressive Web Apps，带有manifest.json文件和service_worker.js。正常工作的网站都没有。当我删除清单并关闭服务人员时，没有任何改善。
• [这三个网站都通过App引擎托管在Google Cloud。失败的两个站点仅使用web_app.appspot.com寻址。运作良好的网站使用的是真实网址，指向应用程序引擎的位置。

典型代码：

<li>
    <div class="userName">Jane Doe</div>
    <div class="phoneNumber"><a href="tel:[phone]">321-555-1234</a></div>
    <div class="sms"><a href="sms:[phone]"><img src="../images/crosstxt-icon.jpg"></a></div>
    <div class="email"><a href="mailto:[email protected]"><img src="../images/email-icon.png"></a></div>
</li>

我想知道如果您在Apple移动设备的浏览器中将其打开，是否会显示问题：

<a href="sms:[phone]">Click here to create a SMS message.</a>
<br>
<a href="mailto:jane.doe@not_a_real_email_service.com">Click here to create an email message.</a>

显然这是失败的。您甚至都看不到我的移动设备上的“运行摘要”按钮。

问题：带有sms：和mailto：的网页在ios移动safari浏览器上链接失败。单击该链接会将您重定向到：Safari无法打开页面，因为它无法重定向到位置...

Answer 1

正在测试，需要更多测试...

我刚刚想出了...如果将网站保存到移动设备主页上，从而将图标添加到主屏幕并处于显示模式，则无法看到顶部的URL地址栏，也看不到Safari选项栏。底部然后短信：将失败。如果您只是在Safari中打开地址，但不保存文件，那么它将非常有用。