Расширение Chrome изменяет всплывающее окно вместо активной вкладки
Я разрабатываю своё первое расширение Chrome. Вкратце объясню как оно работает:
Расширение ищет все
iframeна странице. Потом проверяет их и отбирает только те, которые имеют в атрибутеsrcсловоyoutube. Оно просто заменяет их на другое видео.
Но сейчас будет на примере параграфов. Вот мой манифест:
{
"manifest_version": 2,
"name": "1",
"description": "2",
"version": "1.0.0",
"author": "Rick Astley",
"browser_action": {
"default_title": "3",
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["main.js", "inline.js"]
}
],
"permissions": ["activeTab"]
}
Как вы уже могли понять, есть 2 файла: main и inline. main экспортирует функцию why, inline её импортирует и добавляет её как слушателя события 'click' кнопки на всплывающем окне. Но оно изменяет всплывающее окно вместо активной вкладки. Вот функция:
function why() {
let paragraphs = document.getElementsByTagName("p");
for (const p of paragraphs) {
p.innerHTML = "Чо :flushed:";
}
}
Краткое видео с описанием: https://youtu.be/Ej9a28ljQLk