Chrome开发工具无法模拟推送事件。

Question

我在service worker中有这段代码：

self.addEventListener('push', e => {
  console.log('Evento: Push')

  let title = 'Push Notificación Demo',
    options = {
      body: 'Click para regresar a la aplicación',
      icon: './img/icon_192x192.png',
      vibrate: [100, 50, 100],
      data: { id: 1 },
      actions: [
        { 'action': 'Si', 'title': 'Amo esta aplicación :)', icon: './img/icon_192x192.png' },
        { 'action': 'No', 'title': 'No me gusta esta aplicación :(', icon: './img/icon_192x192.png' }
      ]
    }

  e.waitUntil(self.registration.showNotification(title, options))
})

self.addEventListener('notificationclick', e => {
  console.log(e)

  if (e.action === 'Si') {
    console.log('AMO esta aplicación')
    clients.openWindow('https://ed.team')
  } else if (e.action === 'No') {
    console.log('No me gusta esta aplicación')
  }

  e.notification.close()
})

但是Chrome开发者工具无法模拟事件推送。我点击了应用程序选项卡中的名为“推送”的选项...

但是它不起作用

我该如何模拟推送？

谢谢！

- Andrés Montoya

Answer 1

升级您的 Chrome 版本至 72 或更高版本，推送功能将会正常工作。

- Ariel Antonio Fundora

---

更新？我提出的问题是一个错误吗？ - Andrés Montoya

@AndrésMontoya，由于某种原因，在之前的Chrome版本中模拟推送功能无法正常工作。当您更新到最新版本时，问题就会消失。 - Ariel Antonio Fundora

如果您在Firefox浏览器中测试推送，您可以检查事件是否带有空值。 - Ariel Antonio Fundora

感谢您的帮助！ - Andrés Montoya