Как использовать расширение Google, чтобы найти теги div URL - PullRequest
Новая
       5

Как использовать расширение Google, чтобы найти теги div URL

1 голос
/ 24 февраля 2012

Я создаю расширение Chrome, которое найдет все теги div указанного URL. Однако я был очень смущен, как подойти к этому. Должен ли я использовать скрипт содержимого, и если да, то как мне надежно передать количество тегов на мою фоновую страницу? Кроме того, возможно ли просто использовать XMLHttpRequest на моей фоновой HTML-странице, чтобы найти теги div в URL?

1 Ответ

1 голос
/ 25 февраля 2012

Если это ваше единственное требование - найти теги div по указанному общедоступному URL, тогда вы можете просто сделать это на странице background.html с XHR, как вы сказали.

Примерно так: 

var xhr = new XMLHTTPRequest();
...
xhr.send(null);
var query = xhr.responseXML.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

Я делал это прежде, чем читать кучу ссылок RSS, убедитесь, что ваш тип ответа также является XML, чтобы убедиться, что вы используете в своих интересах responseXML из XHR. Или вы можете просто использовать класс DOMParser и сделать 

var parser = new DOMParser();
// Maybe you have to play with text/xml
var dom = parser.parseFromString(xhr.responseText, "text/xml") 
var query = dom.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

Если ваш контент динамический, и вы хотите получить список DIV в этот момент , то вы должны использовать скрипт содержимого и внедрить только это: 

document.body.querySelectorAll('div');
console.log('You have found ' + query.length + ' DIV tags!';

Я предполагаю, что вы хотите, чтобы этот пользователь срабатывал, поэтому взгляните на Передача сообщения расширения , чтобы увидеть, как вы можете отправить сообщение с расширения в сценарий содержимого, чтобы вы могли вызвать его.

Надеюсь, это вам немного поможет!

...