Chrome devtools无法模拟推送事件

时间:2018-07-09 23:53:04

标签: javascript google-chrome google-chrome-devtools 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 devtools无法模拟事件推送。我单击了应用程序选项卡中名为“推”的选项...

DEVTOOLS CAPTURE

但这不起作用

我如何模拟推送?

谢谢!

1 个答案:

答案 0 :(得分:0)

将您的Chrome版本更新到72或更高版本,即可进行推送。