Поиск слова на странице

[gimes]

В браузере нажимаю F12 и ввожу в консоль:

const wordToFind = "базовые"; // Слово, которое нужно найти
const regex = new RegExp(`(${wordToFind})`, 'gi'); // Регулярное выражение для поиска слова (регистр не важен)

// Получаем весь текст на странице
const bodyHTML = document.body.innerHTML;

// Проверяем, содержится ли слово на странице
if (regex.test(bodyHTML)) {
    console.log(`Слово "${wordToFind}" найдено на странице.`);

    // Заменяем слово на выделенное
    document.body.innerHTML = bodyHTML.replace(regex, '<span style="background-color: yellow;">$1</span>');
} else {
    console.log(`Слово "${wordToFind}" не найдено на странице.`);
}

Но мне надо, чтобы в консоль не выводился HTML страницы.

[BDA]

Похоже что выполняемый код всегда должен что-то вернуть. Сделайте так:

const wordToFind = "базовые"; // Слово, которое нужно найти
const regex = new RegExp(`(${wordToFind})`, 'gi'); // Регулярное выражение для поиска слова (регистр не важен)

// Получаем весь текст на странице
const bodyHTML = document.body.innerHTML;

// Проверяем, содержится ли слово на странице
if (regex.test(bodyHTML)) {
    // Заменяем слово на выделенное
    document.body.innerHTML = bodyHTML.replace(regex, '<span style="background-color: yellow;">$1</span>');

    `Слово "${wordToFind}" найдено на странице.`;
} else {
    `Слово "${wordToFind}" не найдено на странице.`;
}

[gimes]

Благодарю. А как сделать код, который будет работать на страницах Youtube отдельных видео (и в правых превью тоже будет искать)? Сейчас дает ошибку, которую не смог преодолеть:

VM541:10 This document requires 'TrustedHTML' assignment.
(анонимная) @ VM541:10
VM541:10 Uncaught TypeError: Failed to set the 'innerHTML' property on 'Element': This document requires 'TrustedHTML' assignment.
    at <anonymous>:10:29
(анонимная) @ VM541:10
play.google.com/log?format=json&hasfast=true&authuser=0:1 
        
        
       Failed to load resource: net::ERR_CONNECTION_TIMED_OUT

[BDA]

Нашел такое:

if (window.trustedTypes && window.trustedTypes.createPolicy) {
  window.trustedTypes.createPolicy('default', {
    createHTML: (string, sink) => string
  });
}

const wordToFind = "базовые"; // Слово, которое нужно найти
const regex = new RegExp(`(${wordToFind})`, 'gi'); // Регулярное выражение для поиска слова (регистр не важен)

...

Замена происходит, но странице становится плохо.

[gimes]

Вот такой вариант почему - то не работает через Tampermonkey и через Greasemonkey в Firefox тоже.

// ==UserScript==
// @name     Поиск и выделение слова на YouTube
// @version  1
// @description  Ищет заданное слово и выделяет его на странице YouTube
// @include      https://www.youtube.com/*
// @grant    none
// ==/UserScript==

(function() {
    const wordToFind = "базовые"; // Слово, которое нужно найти
    const regex = new RegExp(`(${wordToFind})`, 'gi'); // Регулярное выражение для поиска слова (регистр не важен)

    // Функция для выделения слова в тексте
    function highlightWord() {
        // Получаем весь текст на странице
        const bodyHTML = document.body.innerHTML;

        // Проверяем, содержится ли слово на странице
        if (regex.test(bodyHTML)) {
            // Заменяем слово на выделенное
            document.body.innerHTML = bodyHTML.replace(regex, '<span style="background-color: yellow;">$1</span>');
            console.log(`Слово "${wordToFind}" найдено на странице.`);
        } else {
            console.log(`Слово "${wordToFind}" не найдено на странице.`);
        }
    }

    // Запускаем функцию при загрузке страницы
    highlightWord();

    // Учитываем динамическое изменение контента, например, при загрузке новых видео
    const observer = new MutationObserver(highlightWord);
    observer.observe(document.body, { childList: true, subtree: true });
})();

[gimes]

А вот другой скрипт добавляет вверху экрана надпись на красном фоне. И на основе него делал пример с поском слова. В Greasemonkey в Firefox работает. В Яндекс браузере иногда работает. А в Хроме не работал. В этих двух пробовал через Tampermonkey.

// ==UserScript==
// @name     Добавить заголовок на YouTube
// @version  1
// @description  Добавляет заголовок на страницу YouTube
// @include      https://www.youtube.com/
// @grant    none
// ==/UserScript==

(function() {
  console.log(document.body.lastChild)
    const h1 = document.createElement('h1');
    h1.style.display = 'block';
    h1.style.position = 'fixed';
    h1.style.zIndex = '9111';
    h1.style.background = 'red';
    h1.style.width = '150px';
    h1.style.height = '150px';
    h1.textContent = 'Получилось';
    document.body.insertAdjacentElement('afterbegin', h1);
})();