构造通知失败：构造函数非法

Question

我的网站使用从未在移动设备上运行过的桌面通知，但我最近开始在 Android 4.4 上的 Chrome 版本 42.0.2311.108 中收到以下异常：

Failed to construct 'Notification': Illegal constructor. Use ServiceWorkerRegistration.showNotification() instead. TypeError: Failed to construct 'Notification': Illegal constructor. Use ServiceWorkerRegistration.showNotification() instead.

我的通知代码很简单，在检查用户是否授予权限后，我初始化一个新的通知对象，如下所示：

var notification = new Notification(messageOptions.title, { icon: messageOptions.icon });

如何更改此代码以使用显示为 undefined 的 ServiceWorkerRegistration.showNotification 来支持移动版 Chrome 中的通知，或者如果无法执行功能检测并防止发生异常如果 [还] 确实不支持。

Answer 1

在 Chrome 问题跟踪器上查看 crbug.com/481856：

new Notification() 是 on the path to deprecation，因为它隐含地假定页面将比通知更有效，这在移动设备上是不太可能的（在桌面设备上也远不能保证）。

因此我们永远不会在 Android 上实现它。在弃用期之后，我们有一天也可能会在桌面上将其删除。

网站应使用ServiceWorkerRegistration.showNotification() (see spec) 代替，只要它可用。

我能想到的对new Notification() 进行特征检测的最佳方法是尝试它（在你有权限之前）并捕获错误：

function isNewNotificationSupported() {
    if (!window.Notification || !Notification.requestPermission)
        return false;
    if (Notification.permission == 'granted')
        throw new Error('You must only call this *before* calling Notification.requestPermission(), otherwise this feature detect would bug the user with an actual notification!');
    try {
        new Notification('');
    } catch (e) {
        if (e.name == 'TypeError')
            return false;
    }
    return true;
}

你可以这样使用它：

if (window.Notification && Notification.permission == 'granted') {
    // We would only have prompted the user for permission if new
    // Notification was supported (see below), so assume it is supported.
    doStuffThatUsesNewNotification();
} else if (isNewNotificationSupported()) {
    // new Notification is supported, so prompt the user for permission.
    showOptInUIForNotifications();
}