移动设备无法打开Angular网站

Question

我无法确定问题出在哪里。

我有一个非常简单的angular网站，在桌面上（Chrome）运行得非常好，但在我的手机上（iPhone 6）只显示一个空白页面。

我已经尝试本地和在线仿真而没有任何问题。我从所有不同的站点运行了无数测试，它们似乎都没有发现任何问题。

这个网站是：https://admin.marcrasmussen.dk 我知道这相当不寻常，但我已经尝试修复它已经5个小时了。有人能看出我做错了什么吗？

- Marc Rasmussen

---

在OS X（Safari）上，我在资源https://admin.marcrasmussen.dk/vendor/angular-ui-router.js.map上遇到了404错误。但页面本身是可以加载的。 - matthewninja

@matthewninja 这很奇怪，我只加载了一个angular-ui-router文件：<script src="vendor/angular-ui-router.js"></script> - Marc Rasmussen

Answer 1

这是我在调试您的网站时发现的问题。 这是firebase-messaging.js的问题，请检查是否有更新以支持iOS上的Safari。我在Stack Overflow上找到了一个类似的问题，Firebase on iPad's Safari; Can't find variable: Notification Ask Question。

建议在检测到浏览器时关闭通知提示，以避免JavaScript崩溃。

- Jesus Carrasco

---

从您的Web应用程序通过Firebase向手机发送推送通知的方法不存在吗？ - Marc Rasmussen

你可能需要APNS（苹果推送通知）来在iOS Safari上工作。区分浏览器并使用其中之一（对于Chrome或Firefox，使用PN推送通知）。 - Jesus Carrasco

Answer 2

您的App.js中有以下代码：

firebase.initializeApp(config);

var messaging = firebase.messaging();
messaging.requestPermission().then(...).catch(...);

Firebase客户端使用通知API，但是某些浏览器不支持。

您可以添加浏览器支持检查，例如：

if (!window.Notification && !window.webkitNotifications) {
    return;
}

firebase.initializeApp(config);

var messaging = firebase.messaging();
messaging.requestPermission().then(...).catch(...);

- sergdenisov

---

你的网页应用程序无法向手机发送推送通知吗？ - Marc Rasmussen

@MarcRasmussen 看起来目前还不可能。请查看此答案，其中包含评论讨论，以及这篇文章。 - sergdenisov