Как выполнять код во всех вкладках одновременно?

Question

[Роман Андреевич]

Коллеги, кто писал или пишет расширения, поделитесь мнением своим, возможно ли работать одновременно с несколькими вкладками? Т.е. выполнять код на странице сайта.

Читаю документацию и не могу до конца понять, можно работать в момент только с активной вкладкой или же со всеми? Кто нибудь задавался таким вопросом?

Comments

[Алексей Юдов]

Что вы подразумеваете под работой в нескольких вкладках? И в какой момент времени? Если открыть несколько вкладок и тыкать на кнопки или же вы говорите про автоматическое выполнения скриптов на открытых вкладках?

[Роман Андреевич]

TCloud, не правильно выразился наверное, в браузере работает бот в виде расширения, он открывает несколько вкладок, и после слушает запросы сервера. По запросу он должен что то делать на странице в нужной вкладке. Я говорю про автоматическое выполнение скрипта.

Так вот вопрос стоит в том, что в одну единицу времени будет расширение выполнять действия в нескольких вкладках одновременно или же будет только в активной, или какая то очередь на выполнение content_scripts?

Возможно ли асинхронная работа с вкладками, я так понимаю?))

[Алексей Юдов]

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

[Роман Андреевич]

TCloud, ну вот я и пытаюсь найти опровержение того, что скрипты будут выполнятся только в активной вкладке, например если в одной вкладке работает скрипт по таймеру парсит html например через каждую секунду, а в другие табы будет приходить сообщение через порты то скрипт везде будет работать, я так понимаю, или я ошибаюсь

[Алексей Юдов]

Роман Андреевич, тут начинают работать сокеты, о которых вам стоит почитать, так как они обеспечивают работу скриптов на нескольких вкладках, то есть у каждой вкладки свой сокет(соединение).

[Роман Андреевич]

TCloud, а можно подробнее)

const port = chrome.tabs.connect(id);

вот мое соединение, он же порт в моем контексте. Я не верно как то мылю видимо.?

У меня логика такая, что я стартую вкладку, и на странице вешаю var port = chrome.tabs.connect({ port: 'some' }); а в background я собираю массив с объектами и нужному объекту я сохраняю это соединение. потом когда откуда то пришел запрос, я беру нужное соединение и шлю туда задачу какую то

[Алексей Юдов]

Роман Андреевич, логика правильная, только вы работаете не на прямую с портами, а с сокетами, которые привязаны к портам.

[Роман Андреевич]

TCloud, ну это я понял, но какая разница для реализации?

chrome.runtime.onConnect.addListener(port => {
    // some code
});

как изменится код?

[Алексей Юдов]

Роман Андреевич, не совсем может вас понял. Но runtime вы будете использовать для работы с background, если для работы он вам без необходимости, то chrome.tabs.connect(id); будет проще, но может я вас не совсем понял.

[Роман Андреевич]

TCloud, да нормально мы поняли друг друга, просто видимо в терминологии я запутался! Все пока ок, единственное Главный вопрос остаётся тестировать в реальных условиях

[Алексей Юдов]

Роман Андреевич, в любом случае, задачки из background-а надо разбрасывать через runtime.

[Роман Андреевич]

TCloud, да, я это понимаю, дописываю прототип. После первых тестов будет понятно, что и как, большое спасибо!

[Роман Андреевич]

TCloud, еще вопрос но может не по теме, но все же:

chrome.tabs.onUpdated.addListener((tabId, info) => {

            if (info.status === 'complete') {
//code

             }

});

тут я слушаю когда вкладка поменяет статус, но если вдруг будет ошибка и страница не загрузится, например прокси кривой или ошибка доступа, как отследить ошибки при загрузке страницы на background?

Заранее спасибо

[Алексей Юдов]

Роман Андреевич, try catch и executeScript

Answer 1

[Somewhere Intech]

В функцию chrome.tabs.query передать пустой объект options и callback функцию куда будет передаваться массив объектов Tab. Далее в той же функции опишите chrome.tabs.executeScript с указанием Tab.id. Состояние вкладки и другие свойства будут также переданы в объекте Tab.

chrome.tabs.query({}, function(tabs){
	for (const tab of tabs){
		chrome.tabs.executeScript(tab.id, {
			// указываете параметры скрипта
		});
	}
});

Ещё можно повесить listener на event chrome.tabs.onCreated например, или другой более подходящий.
P.S. в манифесте только укажите разрешение для tabs и нужную маску url
P.P.S. Столкнетесь с проблемой производительности на не активных вкладках - вот Вам сразу ответ.