YouTube用户脚本(TamperMonkey)更改搜索中的占位符

时间:2019-01-26 20:14:13

标签: input youtube placeholder userscripts tampermonkey

我正在用用户脚本为TamperMonkey编写一个主题以YouTube为主题,我遇到的问题是在搜索字段中更改字体颜色和占位符“ Search”的内容。

在用户脚本中执行此操作的最佳方法是什么?

1 个答案:

答案 0 :(得分:-1)

您可以使用CSS更改占位符的颜色。重要的是,@grant中的值是GM_addStyle而不是none

然后,您可以像下面的示例一样添加样式。

使用document.querySelector('input#search').placeholder = 'new placeholder text';可以为占位符设置一个新文本。

@wOxxOm thx,以获取有关youtube事件的提示。 yt-navigate-start事件为早,但是随着yt-navigate-finish事件和200ms的延迟,它起作用了。

// ==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);
    });
})();