1

Необходимо написать простейшее расширение для парсинга сайта, а конкретней - каждые 5 минут получать статус сайта. Он находится в

<span class="current_status">Онлайн</span>

на странице site.com.

При нажатии на кнопку расширения, popup.js работает на ура.

Не получается написать фоновый скрипт.js , для парсинга через заданное время. Вот работающий код popup.js

$(document).ready(function () {
xhr = new XMLHttpRequest();
xhr.open("GET", "http://site.com", true);
xhr.send(null);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) 
    {
        if (xhr.responseText) 
        {
            var data = xhr.responseText;

            var status = $('.current_status',data).html();

            chrome.browserAction.setIcon({
            path : "images/icon2.png"
            });

            $('#wrapper').html(status);
        }
    }
}
});

Подскажите, пожалуйста, что написать в фоновой eventPage.js. Именно процесс получения данных интересует. с setInterval я разобрался вроде. Вот неработающий скрипт eventPage:

xhr = new XMLHttpRequest();
xhr.open("GET", "http://site.com", true);
xhr.send(null);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) 
    {
        if (xhr.responseText) 
        {
            var data = xhr.responseText;

            status = getElementsByClassName('current_text')[0];

            alert(status);


        }
    }
};
4
  • что именно не работает?
    – Grundy
    17 дек 2015 в 18:15
  • @Grundy ошибка: Uncaught ReferenceError: getElementsByClassName is not defined 17 дек 2015 в 18:19
  • метод getElementsByClassName находится в объекте document, поэтому вызывать его следует так document.getElementsByClassName(...). Но не могу сказать доступен ли этот объект в eventPage.js. Кроме того, вы получили текст который записали в data - это обычная строка, сначала вам построить DOM из него, как это делает jQuery в вашем примере выше
    – Grundy
    17 дек 2015 в 18:21
  • @Grundy Вы можете подсказать как это сделать? с document.getElementsByClassName скрипт выполняется без ошибок в консоли. но В алерте выдаёт Underfined. 17 дек 2015 в 18:38

1 ответ 1

0

Первое, getElementsByClassName - это не глобальная функция, поэтому при таком вызове вы получаете ошибку.

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

var element = document.createElement('div');
element.innerHTML = data;

var status = element.getElementsByClassName('current_text')[0];

В переменной статус хранится сам элемент. Чтобы получить текст, нужно воспользоваться одним из свойств: innerHTML, innerText, textContent

console.log(status.innerHTML);
console.log(status.innerText);
console.log(status.textContent);
5
  • Спасибо, я понял логику. Но, похоже, что в коде ещё не всё на своих местах. alert(status) выдаёт : [object HTMLSpanElement] 17 дек 2015 в 22:10
  • попробуйте status.innerText или status.innerHTML
    – Darth
    17 дек 2015 в 23:14
  • @Алексе, потому что status это не текст, а именно html элемент, вы можете например вы вести его в лог и посмотреть какие свойства у него есть, а так же воспользоваться предложенными @Darth либо textContent
    – Grundy
    18 дек 2015 в 6:01
  • @Алексе, обновил ответ
    – Grundy
    18 дек 2015 в 6:05
  • Большое Спасибо всем! Работают все предложенные вами методы. 18 дек 2015 в 10:03

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.