微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 Google Chrome DevTools 点击页面上的“关注”按钮

如何解决使用 Google Chrome DevTools 点击页面上的“关注”按钮

enter image description here

我当前的脚本:

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

我不明白为什么它不起作用,直到上周当我发送脚本并点击回车按钮时一切正常,现在这不再发生了。

我需要调整什么才能让它发挥作用?

网站链接
https://booyah.live/users/42973126/followers

解决方法

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

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。