Как получить доступ к DOM через расширение и спрятать какой то элемент?

Question

[sHARek]

Добрый день.
Изучаю как делать расширения для Google Chrome.
Решил попробовать сделать что то похожее на AdBlock.

Допустим получаю я URL текущего сайта в активной вкладке

chrome.tabs.query({active:true},function(tabsArray) {
	var tab = tabsArray[0];
	var tabUrl = tab.url;
	//var el = document.getElementById('url');
	//el.innerText = tabUrl;	
	//console.log(tabUrl);
	var e = document.getElementById('theme-header').style.display = 'none';
})

Например на какой то странице, куда я перешел и запустил свое расширение есть блок с id="theme-header", хочу его спрятать.

Как обратится к "сторонней" странице и задать стиль display:none?

Answer 1

[Алексей Уколов]

Content scripts are files that run in the context of web pages. By using the standard Document Object Model (DOM), they are able to read details of the web pages the browser visits, make changes to them and pass information to their parent extension.

https://developer.chrome.com/extensions/content_scripts

Comments

[sHARek]

Я немного Алёша

Как то так надо:

var block = chrome.runtime.getURL("yandex.ru");
document.getElementById("wd-_topnews-1").style.display = 'none';

??

[Алексей Уколов]

Вам нужно сделать отдельный скрипт, который браузер будет автоматически подключать к каждой странице. В этом скрипте вы получите полный доступ к DOM.

[sHARek]

Разобрался. Спасибо!!!!

[sHARek]

А можете подсказать про включение/отключение расширения? Допустим в *.html файле расширения, сделать 2 кнопки, одна активирует расширение, другая отключает. =)

[Алексей Уколов]

Задайте отдельный (конкретный) вопрос, а лучше почитайте документацию и урок какой-нибудь нагуглите.

[sHARek]

Алексей Уколов, понял. Спасибо.