模拟单击反应托管按钮的用户脚本

Question

我想编写一个用户脚本（tampermonkey），即普通的 javascript，它模拟单击 https://quillbot.com/summarize 上的“粘贴文本”按钮。这个按钮是一个React管理的div。

我尝试使用div的click()方法，但没有任何反应。

Answer 1

链接网站上的“总结”按钮不是

<div>

，而是

<button>

内的

<div>

标签。 HTML 代码（为了便于阅读而添加了换行符）是：

<div class="MuiGrid-root css-rfnosa">
  <button class="MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeLarge MuiButton-primarySizeLarge MuiButtonBase-root css-6qq8dh" tabindex="0" type="button" appearance="brand">
    Summarize
    <span class="MuiTouchRipple-root css-w0pj6f"></span>
  </button>
</div>

您可以使用以下选择器来获取按钮的元素，该元素是

.click()

able：

const summarizeButton = document.querySelector('.MuiButton-root.MuiButton-primary.MuiButton-primaryPrimary.MuiButton-sizeLarge.MuiButton-primarySizeLarge.MuiButtonBase-root');
summarizeButton.click();

如果将来网站的布局发生变化，请将选择器调整得更具体，但我建议避免使用 React 的 CSS 类，例如

css-rfnosa

和

css-6qq8dh

。