GreaseMonkey + Youtube + .click()

Question

目标：我加载一个 YouTube 播放列表，然后 GreaseMonkey click()s “随机播放列表”按钮。

我可以在我的控制台中直接运行这两行代码，而且效果很好：

var shuffleBtn = document.querySelector(".yt-uix-button.shuffle-playlist");
shuffleBtn.click();

但是，当我尝试将其移至 GreaseMonkday 时，它不再起作用。 下面代码中的console.log运行——并且（注释掉的）remove() 有效，但click()不会触发。我也试过 method outlined here，没有 jQuery 位，但也没有运气。

我错过了什么？

// ==UserScript==
// @name        YouTube - Randomize Playlist
// @namespace   ytplaylistrandom
// @include     https://www.youtube.com/watch?v=yyDUC1LUXSU&list=PLh6vppUwmWEMdp04u-tYABoDmgn9AX12n
// @version     1
// @grant       none
// ==/UserScript==

window.onload = function () {
    var shuffleBtn = document.querySelector(".yt-uix-button.shuffle-playlist");
    if( shuffleBtn ){
      console.log('exists');
      shuffleBtn.click();
      //shuffleBtn.remove();
      console.log('end');
    }else {
      console.log('nobutton');
    }
}

Answer 1

我想我明白了：

使用window.addEventListener("load", function(){…}) 而不是window.onload = function(){…}。

似乎window 已经有一个onload 函数来初始化随机播放按钮的功能，并且脚本覆盖它。