选项卡聚焦时不调用firebase onMessage

Question

我的目标是在pwa中实现推送通知。 为了开始使用Firebase，我下载了用于消息传递的示例。

https://github.com/firebase/quickstart-js/blob/master/messaging/README.md

我使用邮递员发送消息，例如：

 {
    "notification": {
    "title": "Alarm",
    "body": "Temperature to high!",
    "icon": "https://www.somewebsite.com/someimage.jpg",
    "click_action": "http://localhost:8081"
  },
  "data":{
    "code": "a3545gae"
  },
  "to": "secrettokengBuX9NcFiIvmsM2lSoZlcnMWr5_Ldekta9Kl234vIqTzy7WXeioamyLdL7bYCnDCXBYJIsNrKZlUIct9VDLfjQrdmGZsefJF8KJdc_"
  }

我使用firebase serve -p 8081运行我的应用程序，并在端口8081上运行了预期的网站。 当我发送发布请求以发送通知并且没有打开页面的浏览器选项卡时，通知将按预期显示。

当我确实在页面上打开一个选项卡并且发送发帖请求时，没有任何反应，我正在扩展onMessage来调用。

// [START receive_message]
  // Handle incoming messages. Called when:
  // - a message is received while the app has focus
  // - the user clicks on an app notification created by a service worker
  //   `messaging.setBackgroundMessageHandler` handler.
  messaging.onMessage((payload) => {
    console.log('Message received. ', payload);
    // [START_EXCLUDE]
    // Update the UI to include the received message.
    appendMessage(payload);
    // [END_EXCLUDE]
  });
  // [END receive_message]

可以查看完整代码here。 我测试了铬和边缘。 但是，我在控制台中看不到任何弹出窗口或任何内容。 我是否需要做其他事情才能在控制台中获取数据？