Как правильно слушать порт в расширении хрома?

Question

[Martovitskiy]

Задача не дать вкладке умереть, а если коннект с фоновой страницей пропал, то перезагрузить
background.js

chrome.extension.onConnect.addListener(function(port) {
        console.log("Connected .....");
        port.onMessage.addListener(function(msg) {
             try{
                port.postMessage('active_port');
             } catch {
                port.postMessage('disable_port');
             }
        });
   })

script.js

setInterval(() => {
    try {
        var port = chrome.extension.connect({
            name: "Sample Communication"
        });
        port.postMessage("active back");
        port.onMessage.addListener(function(msg) {
            console.log(msg);
        });
    } catch {
        localStorage.setItem('reload_' + appId, 1);
        location.reload();
    }

}, 5000);

Answer 1

[Надим]

Каждую секунду отправляйте из контент-скрипта сообщение в фоновый процесс:
chrome.extension.sendMessage('Ваше сообщение');

В фоновом процессе слушайте приходящие сообщения:

chrome.extension.onMessage.addListener(function(message) {
	console.log('Принято сообщение: ' + message);
});

Если связь с определенной вкладкой потеряна, пересоздаете его или обновляйте.

P. S. Существуют и иные способы предотвратить заморозку вкладки, если интересно, расскажу.

Comments

[Martovitskiy]

Вкладок куча и все слушают background . Хорошо, а если расширение отключили, удалили или у вкладки истек срок жизни?

[Надим]

Martovitskiy, вы можете использовать альтернативный способ сохранения жизни вкладки - на странице которую требуется сохранить активным просто добавьте mp3 трек в бесконечном цикле воспроизведения. Вкладки имеющее активное мультимедиа содержимое не морозятся. Думаю вполне очевидно, что вместо музыки можно воспроизводить просто тишину.

Способ не поможет, если у вас заканчивается оперативная память. На этот случай нужно в фоновом процессе расширения запретить выгрузку вкладок в целях экономии памяти:

chrome.tabs.onCreated.addListener(function(tab) {
    chrome.tabs.update(tab.id, {
        autoDiscardable: false
    });
});

chrome.tabs.onReplaced.addListener(function(tabId) {
    chrome.tabs.update(tabId, {
        autoDiscardable: false
    });
});

chrome.runtime.onInstalled.addListener(function(details) {
    chrome.tabs.query({}, function(tabs) {
        tabs.forEach(function(tab) {
            chrome.tabs.update(tab.id, {
                autoDiscardable: false
            });
        });
    });
});

Или установите это расширение.

[Алексей Ярков]

Надим Закиров,

Думаю вполне очевидно, что вместо музыки можно воспроизводить просто тишину.

И мы будем видеть на вкладке значок динамика? ))

[Надим]

Алексей Ярков, это работает, что для меня главное. Если вы сможете предложить другой вариант было бы классно.

[Martovitskiy]

Надим Закиров, какой способ эффективнее? Расширение, аудио или autoDiscardable: false в background.script?

[Надим]

Martovitskiy, имеет смысл применить все три. Например, я своих ботах использую бесконечный трек и autoDiscardable: false - ничего не глохнет, все работает неделями без выключения.

P. S. Есть еще один способ:

chrome.tabs.update(tabID, { 'active': true }, function() {});

Делает указанную вкладку активной, заморозка при этом должна спадать. Не проверял, но должно работать.