首页 > 解决方案 > 如何通过编写javascript扩展通过代码触发onclick功能?

问题描述

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

描述这种网络任务自动化的短语是什么?

如何检测此类弹出窗口?

如何通过代码以该形式触发 onclick 功能?

标签: javascriptpopupui-automation

解决方案


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

例如,Stack Exchange 上的“发布您的答案”按钮的 ID 为submit-button,因此您可以使用 选择它#select-button

在此处输入图像描述

一旦你有了选择器,要么定期检查它,要么使用 MutationObserver (更复杂,更昂贵,但它会尽快单击按钮,并且不需要轮询)。只要元素存在,.click()它。

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

您可能会发现将此代码放入用户脚本而不是独立的 Chrome 扩展程序更容易 - 用户脚本更容易管理 IMO,您只需键入 Javascript 即可。


推荐阅读