如何将 chrome 从 web 应用程序带到前台

Question

当网站内部发生某些事情时，是否有任何 windows apps/google chrome flags/google chrome extension/javascript methods 或任何其他东西可以让 Chrome 窗口从背景（最小化）到前景。我确实可以访问客户端计算机，如果可能的话，我可以设置 chrome 标志/kiosk 模式或任何会阻止它打开到前台的东西。

例如，当订单进入时，我试图通过通知将窗口置于前台（我正在使用 firebase 消息）。 我尝试在setBackgroundMessageHandler() 中的service worker 中执行window.open()，但我在控制台中出现错误提示window is not defined

如果 chrome 无法实现此目的，创建具有适当权限的 Microsoft Progressive Web App 是否允许我将该窗口从最小化状态带到前台？

Answer 1

我通过在 service worker 文件中添加这个来解决它：

   self.addEventListener('push', function (e) {
        if (e.data) {
            var payloadData = e.data.json();
            self.clients.matchAll({includeUncontrolled: true}).then(function (clients) {
                clients[0].postMessage(payloadData); // you can do foreach but I only needed one client to open one window
            });
        }
    });

这在 main.js 文件中：

function openNotificationWindow(url) {
    var myWindow = window.open(url);   // Opens a new window
    myWindow.focus();
    myWindow.location.reload(true);
}

navigator.serviceWorker.addEventListener('message', function (event) {
    if (typeof event.data.data !== 'undefined') {
        openNotificationWindow(url);
    }
});

现在，每当我在前台或后台窗口中发送通知时，push 事件都会在 serviceworker 中触发，然后使用 postMessage() 与您可以访问的一些 main.js 文件进行通信window DOM 组件。