tampermonkey脚本检查按钮并单击它

Question

我对使用Tampermonkey创建脚本的新手很新，即使在过去几个小时看了几个答案之后，我仍然无法弄清楚这个答案。

我正在尝试制作一个检查按钮的脚本，并且在出现大约2秒后单击它的脚本。

我正在尝试通过ID搜索它：

    var caseHide = document.getElementById("accept");
var checkTimer = setInterval(MyTimer, 1500);

function MyTimer() {
  if (caseHide.offsetParent === null)
    {
      return;
    }
  var eek = document.getElementById("accept");
  var evt = document.createEvent("MouseEvents");
  evt.initEvent("click", true, true);
  eek.dispatchEvent(evt);
}

checkTimer();

但是，当按钮出现时，它没有单击。

我还必须提到，这是一个没有设定间隔的按钮，因为它是由警报提示的，因此我无法真正说出它的频率。

Answer 1

一些想法。

第一个getElementById可能会失败，因为该按钮可能尚不存在。

另外，仅搜索#accept可能不足以实际找到元素。这取决于您的页面的外观。

这是我要做的。在DevTools控制台中，请执行此操作：

document.getElementById('accept').length

如果它返回未定义，则您的CSS选择器不够具体。您可能必须再走一棵树 ……类似：

document.querySelector('body #main .prevDiv #accept')

你知道我的意思吗？从树上开始，然后走到元素。如果它在DevTools中不起作用，则在Tampermonkey中无法使用。在诸如Angular/React/Svelte/etc之类的现代库中，您可能拥有多个具有相同ID的元素...因此，指定单个元素可能找不到它。

然后，您的功能看起来像：

var checkTimer = setInterval(MyTimer, 1500);
checkTimer();

function MyTimer() {
   const eek = document.getElementById("accept");
   if (eek !== undefined){
      const evt = document.createEvent("MouseEvents");
      evt.initEvent("click", true, true);
      eek.dispatchEvent(evt);
   }
}

参考：

https://wwww.youtube.com/watch ？

​sowajlx1uka