Блог

Есть ли что- windows apps/google chrome flags/google chrome extension/javascript methods или любая другая вещь, которая позволила бы вывести окно Chrome из фона (свернутого) на передний план, когда что-то происходит внутри веб-сайта. У меня есть доступ к клиентскому компьютеру, я мог бы установить флаги Chrome / режим киоска или что-нибудь, что помешало бы его открытию на передний план, если это возможно.

Например, я пытаюсь вывести окно на передний план при поступлении заказа через уведомление (я использую сообщения firebase). Я попытался сделать window.open() в setBackgroundMessageHandler() в service worker , но я получаю сообщение об ошибке в консоли, говорящее window is not defined

Если для Chrome нет ничего доступного для достижения этого, позволит ли мне создание Microsoft Progressive Web App с соответствующими разрешениями вывести это окно на передний план из свернутого состояния?

Я решил это, добавив это в файл 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.