Tampermonkey 脚本点击事件在用户与窗口交互之前什么都不做

Question

我正在尝试解决自动登录到https://account.booking.com/sign-in的脚本中的错误function clickButton (){  const msg = document.querySelector(".bui-form__error");  const button = document.querySelector(".bui-button");  if (msg && msg.id !== "loginname-error" ) {    console.log(msg.textContent);  } else if (button) {    button.click();  } else {    console.log("Not yet...");    return;  }}setInterval(clickButton, 200);大多数情况下，这工作正常。尽管 Chrome 会自动填写用户名字段，但它有时会显示登录名错误，出于我们的目的，我们可以安全地忽略它——但是，这有时会导致页面出于某种原因对脚本无响应。用户在页面上所做的几乎任何事情都会导致脚本继续运行——按 F12 打开 Dom 检查器，点击页面上的任何地方，甚至在控制台上运行命令（就像“ a = document.querySelector...”一样简单）都会以某种方式踢脚本正常运行。我试图按照以前的答案，实现triggerMouseEvent并运行鼠标悬停、鼠标按下、鼠标按下和点击。这与简单地使用click(). 由于单击页面上的其他地方可以修复它，因此我尝试在其他元素上使用此类单击事件，然后再在按钮上使用它们；这也与简单地使用click(). 我所看到的 Tampermonkey 脚本“在...之后工作”的唯一结果是页面重新加载的 AJAX 问题，而不是用户与窗口的交互。放置console.log("click")在点击事件之后表明它到达点击事件就好了。使用triggerMouseEvent，我记录dispatchEvent如下：function triggerMouseEvent (node, eventType) {    var clickEvent = document.createEvent ('MouseEvents');    clickEvent.initEvent (eventType, true, true);    console.log(node.dispatchEvent (clickEvent));}它true按预期返回“ ”。我试图在每次点击之间发送一个键盘事件，如下所示：function pressf12(){  var event = new KeyboardEvent("pressF12");  event.keyCode = 123;  event.which   = 123;  event.altKey  = false;  event.ctrlKey = false;  event.shiftKey= false;  event.target  = window;  window.dispatchEvent(event);}这也没有奏效。对于导致问题的原因以及可以采取哪些措施来解决问题，我完全没有想法。这是加载页面后在控制台上显示的内容（如果可能相关）：[仅报告] 拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“script-src saa.booking.com *.bstatic.com bstatic.com google-analytics.com 'self' 'nonce-6B8EKlfK9vqB8Uy' ”。启用内联执行需要“unsafe-inline”关键字、哈希（“sha256-...”）或随机数（“nonce-...”）。content_script @ VM1347:61（匿名）@ VM1347:71

Answer 1

注册一个虚拟帐户后，我在 Chrome 中使用 Tampermonkey 和 Firefox 中使用了 Greasemonkey 尝试了您的脚本。setInterval 延迟为 200，它们不起作用。您需要将 setInterval 延迟增加到 1000 并且它会起作用。