Angular网站不会在移动设备上打开

Question

我根本无法弄清楚问题是什么.

我有一个非常简单的网站制作,在桌面(Chrome)上完美运行,但只是在我的手机(iPhone 6)上显示一个空白页面.

我试过在本地和网上模拟它没有任何问题.我从所有不同的网站上运行了较少的测试,他们似乎没有发现任何问题.

该网站是:https://admin.marcrasmussen.dk

我知道这是相当不寻常的,但我试图在过去的5个小时内解决这个问题.谁能看到我做错了什么？

Answer 1

这就是我发现你的网站的调试.

是firebase-messagin.js的一个问题,检查是否有支持ios的safari的更新.我在SO上发现了另外一个问类似问题的问题. iPad的Safari上的Firebase; 找不到变量:通知提问

重新考虑的是在检测浏览器时关闭通知提示,以避免js崩溃.

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(...);