Как использовать расширение Google для поиска div-тегов URL-адреса

Question

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

Answer 1

Если это ваше единственное требование, находя теги 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!'; 

Если содержание является динамическим, и вы хотите, чтобы получить список DIVs в тот момент, то вы должны использовать Content Script и ввести только это:

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

Я предполагаю, что вы хотите, чтобы пользователь вызвал, так что посмотрим на Extension Message Passing, чтобы посмотреть, как вы можете отправить сообщение с выносом на скрипте содержимого, чтобы вы могли вызвать это.

Надеюсь, что вам поможет!