Html 5 通知在移动浏览器中不起作用

Question

我已经在我的Reactjs应用程序中实现了

 HTML5 notification API

，它在我的桌面上运行良好，通知即将到来。但是当我用手机打开该网站时，通知不起作用。 我如何在我的 Reactjs 应用程序中解决这个问题。

useEffect(() => {
    console.log("permission" + window.Notification.permission);
    if (
      (window.Notification && Notification.permission !== "denied") ||
      (window.Notification && Notification.permission === "default")
    ) {
      Notification.requestPermission();
    }
  }, []);



 const showNotification = () => {
      const options = {
        label: "New notification",
        body: "notification body"),
        icon: icon,
        badge: icon,
      };
      const notification = new Notification(t("New "), options);
      setTimeout(() => {
        notification.close();
      }, 5 * 1000);
    };

Answer 1

我面临着完全相同的问题！