Изменить всплывающий элемент при сопоставлении URL

Question

У меня есть кнопка «Активировать» в моем всплывающем окне, которое должно быть отключено по умолчанию и должно стать активным при просмотре видео страницы YouTube.com (т. Е. URL-адреса совпадают "/ watch /? V =")

Как это должно быть сделано? С background.js или с popup.js? Я в замешательстве.

Answer 1

Это мое окончательное решение (в popup.js, как предлагается здесь)

chrome.tabs.query({
    active: true,
    lastFocusedWindow: true
}, function(tabs) {
    var tab = tabs[0];
    var tabURL = tab.url;
    if (tabURL.includes('youtube.com/watch?v')) {
        jQuery('#activation-button').removeClass('unavailable');
    }
});

Answer 2

Разве вы не должны сопоставлять URL-адреса в манифесте, поэтому он будет работать только на страницах YouTube? Я не понимаю, почему вы не можете сделать это, используя Match Patterns . В любом случае, если вам нужно выбрать между фоном и всплывающим окном, я бы сказал popup.js, потому что вы хотели бы, чтобы он сначала проверял нажатие popup.html.

Итак, у вас есть popup.html, а затемимеет кнопку под названием «Активировать». Просто создайте другой файл с именем activ.js. В activ.js

function activate(){
    var test =  window.location.href
    if (test.includes('watch?v')){
    console.log('Yes')}
    }
activate()

Включите activ.js в ваш popup.html.