Расширение не ищет элементы(изолирование)

Question

Расширение не ищет элементы(изолирование)

Рейтинг: 0Ответов: 0Опубликовано: 12.04.2023

Ребят, этот код вставляется в расширение и должен искать кнопку с текстом "Найти друзей". Если я вставляю этот код в расширение, то у меня сразу в console.log возникает уведомление, что "Кнопка не найдена", НО если вставлять этот код в vk.com/friends в консоли браузера, то нужная кнопка с текстом показывается, но конкретно расширение не выводит его. Может быть, проблема на стороне сайта? Он как-то изолирует? Или проблема в manifest.json?(Его я прикреплю ниже)

function findTicketButton() {
  const buttons = document.getElementsByTagName('button');
  for (let button of buttons) {
    if (button.textContent.trim() === 'Найти друзей') {
      return button;
    }
  }
  return null;
}

const ticketButton = findTicketButton();

// Вывод найденной кнопки в консоль
if (ticketButton) {
  console.log('Кнопка найдена:', ticketButton);

  ticketButton.addEventListener('click', () => {
    const selectedOption = document.getElementById(selectId).value;
    if (selectedOption) {
      chrome.runtime.sendMessage({
        type: 'buttonClicked',
        status: selectedOption,
      });
    }
  });
} else {
  console.log('Кнопка не найдена');
}

manifest.json

{
  "manifest_version": 2,
  "name": "Click Counter",
  "version": "1.0",
  "description": "Расширение для подсчета кликов на кнопке",
  "permissions": ["tabs", "https://*/*", "http://*/*"],
  "browser_action": {
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["js/content_script.js"]
    }
  ],
  "background": {
    "scripts": ["js/background.js"],
    "persistent": false
  }
}

javascript

Источник: Stack Overflow на русском

Расширение не ищет элементы(изолирование)

Ответы