如何通过写一个javascript扩展来通过代码触发onclick功能？

Question

如果我不单击定期弹出的表单中的按钮，这个网站会让我注销。我想编写一个脚本来自动执行此操作。

描述这种 Web 任务自动化的短语是什么？

如何检测此类弹出窗口？

如何通过代码触发该表单中的 onclick 函数？

Answer 1

通常，您只需要能够为元素识别一个唯一的 selector 即可。当您看到该按钮出现时，右键单击它并在浏览器的“元素”面板中检查它。寻找使它独一无二的东西，例如 ID 或 class（其他按钮没有），或者是类似的唯一容器的后代。

例如，Stack Exchange 上的 "Post Your Answer" 按钮的 ID 为 submit-button，因此您可以 select 使用 #select-button:

一旦你有了 selector，或者定期检查它，或者使用 MutationObserver（更复杂和更昂贵，但它会尽快点击按钮，并且不需要轮询).每当元素存在时，.click() 它。

setInterval(() => {
  const elm = document.querySelector('#my-btn');
  if (elm) {
    elm.click();
  }
}, 1000);

您可能会发现将此代码放入 userscript 而不是独立的 Chrome 扩展更容易 - 用户脚本更易于管理 IMO，您需要做的就是键入 Javascript 准备就绪。

Answer 2

您可以针对特定 HTML tag/element 使用 MutationObserver，它会在每次显示弹出窗口时呈现。获得 DOM 元素后，单击所需按钮以保持网站登录状态。制作相同的自动化脚本。

How to trigger the onclick function by code by writing an javascript extension?