Пользовательский скрипт YouTube (TamperMonkey) для изменения заполнителя в поиске

Question

Я пишу тему в usercript для TamperMonkey на тему YouTube, у меня проблема с изменением цвета шрифта и содержимого заполнителя «Поиск» в поле поиска.

Какой лучший способ сделать это в usercript?

Answer 1

Вы можете изменить цвет заполнителя с помощью CSS.Важно то, что значение @grant равно GM_addStyle, а не none.

. Затем вы можете добавить стили, как в нижнем примере.

С помощью document.querySelector('input#search').placeholder = 'new placeholder text'; вы можете установитьновый текст для заполнителя.

@ wOxxOm, спасибо за подсказку с событием youtube.Событие yt-navigate-start относится к раннему, но с событием yt-navigate-finish и задержкой в ​​200 мс оно работает.

// ==UserScript==
// @name         YouTube Search
// @namespace     https://www.youtube.com
// @include     https://www.youtube.com/*
// @run-at document-end
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle(`
::placeholder {
color: red;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
`);

(function() {
    'use strict';

    document.querySelector('input#search').placeholder = 'new placeholder text';

    document.addEventListener('yt-navigate-finish', () => {
        setTimeout(() => {
            document.querySelector('input#search').placeholder = 'new placeholder text';
        },200);
    });
})();