使用Google Chrome DevTools点击页面上的"Follow"按钮

Use Google Chrome DevTools to click on the "Follow" buttons on the page

我当前的脚本:

document.querySelectorAll('.components-button components-button-size-mini components-button-type-orange desktop components-button-inline').forEach(btn => btn.click());

我无法理解为什么它不起作用,直到上周我发送脚本并按下回车按钮时一切正常,现在不再发生这种情况了。

我需要调整什么才能使其正常工作?

Link 至站点:
https://booyah.live/users/42973126/followers

当您想要定位包含您指定的所有 class 的元素时,您需要用点分隔 class 名称。例如:

<div class="my-class another-class" />

document.querySelector('.my-class.another-class')

您拥有的是 class .components-button 的某个元素,其中包含另一个元素名称为 components-button-size-mini 的元素,该元素包含另一个名称为 components-button-type-orange 的元素,依此类推。当然,在这个例子中,我不认为你有一个具有这样名称的实际元素。

因此,要修复您的代码,请遵循我上面为选择器字符串提供的模式:

.some-class.another-class.yet-another-class

以上将针对具有指定的三个 class 的元素:some-classanother-classyet-another-class