使用 Tampermonkey 删除 "Watch Youtube videos in Chrome" 栏

Question

我正在尝试为 Tampermonkey 制作一个脚本，它可以删除 Youtube 页面顶部的蓝色栏。

这是蓝色条的源代码：

 <div id="ticker-content">
        <div class="yt-alert yt-alert-default yt-alert-info  " id="ticker">  <div class="yt-alert-icon">
        <span class="icon master-sprite yt-sprite"></span>
      </div>
    <div class="yt-alert-content" role="alert">    <div tabindex="0" class="yt-alert-message">
                Watch YouTube videos with Chrome. &nbsp; &nbsp; <a href="https://www.google.com/chrome/browser/desktop/index.html?brand=NDCM&amp;utm_source=all-pushdown-yt&amp;utm_medium=yt-pushdown&amp;utm_campaign=yt-watch">Yes, get Chrome now</a>.
        </div>
    </div><div class="yt-alert-buttons"><button class="yt-uix-button yt-uix-button-size-default yt-uix-button-close close yt-uix-close" aria-label="Close" onclick="yt.www.masthead.dismissChromeAlert();return false;" type="button" data-close-parent-class="yt-alert"><span class="yt-uix-button-content">Close</span></button></div></div>
      </div>

如果我从 this post 中理解正确，我必须使用 badDivs 以及包含选择器。

我的代码看起来像这样，但它不起作用：

(function() {
    'use strict';
var badDivs = $("div div:contains('ticker-content')");

badDivs.parent ().remove ();

})();

有人可以帮忙完成这项工作吗？

Answer 1

您可以像这样简单地删除它：

(function() {
    'use strict';
    var ticker = document.getElementById('ticker-content');
    ticker.parentElement.removeChild(ticker);
})();

使用 Tampermonkey 删除 "Watch Youtube videos in Chrome" 栏

Remove "Watch Youtube videos in Chrome" bar with Tampermonkey

html

javascript

youtube

tampermonkey