Сценарии inject.js и content.js в расширении браузера ⇐ Javascript

[Anonymous]

Моя цель — внедрить код внешнего интерфейса на вкладку, если ее URL-адрес совпадает с моим URL-адресом. Для этого я сделал:
background.js:

Код: Выделить всё

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (changeInfo?.url?.includes("https://www.google.com/search?")) {
chrome.scripting.executeScript(
{
target: { tabId: tabId },
files: ['injection.js'],
}
);
}
})

Это работает, но многие люди также делают это через content.js:
background.js:

Код: Выделить всё

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (changeInfo?.url?.includes("https://www.google.com/search?")) {
await chrome.tabs.sendMessage(tabId, { isActive: true });
}
})

теперь мы можем добавить прослушиватель в content.js.
Мой вопрос: в чем разница? Какой подход лучше?

Подробнее здесь: https://stackoverflow.com/questions/798 ... -extension