Как заинжектить код js на страницу?

Question

[Сергей Стадник]

есть js код, который выводит время +30 минут

let parentBlock = document.querySelectorAll(".item");
      let data = document.querySelectorAll(".data");
      let currentTime = document.querySelector(".time");

      for (let i = 0; i < parentBlock.length; i++) {
        const item = parentBlock[i];
        const dataElements = item.querySelectorAll(".data");
        dataElements.forEach((data) => {
          const currentTime = data.querySelector(".time");
          const time = currentTime.textContent;
          const date = new Date("1970-01-01T" + time + ":00");
          date.setMinutes(date.getMinutes() + 30);
          const hours = date.getHours().toString().padStart(2, "0");
          const minutes = date.getMinutes().toString().padStart(2, "0");
          const changedTime = document.createElement("p");
          changedTime.classList.add("changed__time");
          changedTime.textContent = hours + ":" + minutes;
          data.appendChild(changedTime);
        });
      }

при вводе его в консоль - всё работает отлично.
но когда пытаюсь заинжектить его через расширение (тамперманки и разные инжекторы) просто ничего не происходит...

Comments

[VoidVolker]

Какой браузер? Какое именно расширение? Как именно инжектете? Вероятно требуемые элементы добавляются на страницу динамически или через время, а вы сразу код выполняете до загрузки документа. А отладить код пытались? Достаточно добавить по шагам отладку и можно будет увидеть результат выполнения.

[Сергей Стадник]

VoidVolker, пробовал через tampermonkey, JavaScript Injector. Элементы не добавляются вообще.

try{
      let parentBlockUnique = document.querySelectorAll(".item");
      let data = document.querySelectorAll(".data");
      let currentTime = document.querySelector(".time");

      for (let i = 0; i < parentBlockUnique.length; i++) {
        const item = parentBlockUnique[i];
        const dataElements = item.querySelectorAll(".data");
        dataElements.forEach((data) => {
          const currentTime = data.querySelector(".time");
          const time = currentTime.textContent;
          const date = new Date("1970-01-01T" + time + ":00");
          date.setMinutes(date.getMinutes() + 30);
          const hours = date.getHours().toString().padStart(2, "0");
          const minutes = date.getMinutes().toString().padStart(2, "0");
          const changedTime = document.createElement("p");
          changedTime.classList.add("changed__time");
          changedTime.textContent = hours + ":" + minutes;
          data.appendChild(changedTime);
        });
      }
    } catch (err){
      console.log(err)
    }

При таком раскладе - в консоле нет никаких ошибок и ничего вообще не происходит когда пытаюсь заинжектить через расширение

[Сергей Стадник]

Сергей Стадник, браузер - яндекс браузер

[VoidVolker]

Сергей Стадник, а в меню tampermonkey скрипт появляется при заходе на страницу? Возможно ошибка в ссылке в настройках скрипта? Если скрипта в меню нет - значит, указан неверный урл. Для проверки, что скрипт запускается оставьте просто console.log('script is executed') и смотрите консоль.

[Сергей Стадник]

VoidVolker, если использовать скрипт alert("test."); - всё суперски срабатывает, а мой код не инжектится...

[VoidVolker]

Сергей Стадник, значит, у вас какая-то ошибка где-то - проверяйте каждую строчку, тогда и узнаете на какой строке у вас ошибка.

[Сергей Стадник]

VoidVolker, если данный код просто вставить в консоль - все элементы появляются, сможете подсказать в чём может быть проблема?

[Михаил Р.]

Сергей Стадник, пропишите больше логгирования в скрипте и запустите его заново. На каком месте скрипт прекращает работу?

[AWF-inc]

Для начала надо после загрузки проверить, есть ли вообще искомые элементы, на каждый этап просто console.log и посмотреть что вы пооучаете из querySelector/querySelectorAll , если нет родительского или дочерних и на случай их появления/добавления/изменения можно использовать обсервер для отслеживания, естественно добавить проверку на предмет того был ли ранее обработан целевой элемент.

[VoidVolker]

Сергей Стадник, нет. Я вам уже написал (и не только я) - сделайте дебаг, за вас это никто не сделает. Проверьте каждую строчку работы скрипта, чтобы понять где именно у вас проблема.

[Михаил Ливач]

Сергей Стадник, добавьте над циклом for строчку: console.log( "len", parentBlockUnique.length);
и покажите результат здесь.
И над dataElements.forEach() аналогичную отладку тоже сделайте, пожалуйста