【D1n910】如何快速模拟在网页上的点击操作?
正常操作,正常分析,大家好,我是D1n910

有一些活动需要我们通过不断的点击来完成一些操作,
我们可以通过运用一些简单的前端知识进行解决。
如何快速模拟在网页上的点击操作?
步骤如下
一、下载一个浏览器,这边推荐谷歌浏览器

二、在浏览器中访问你要进行点击操作的网页。
建议可以用一些网站的加入购物车来测试
我们知道在这里鼠标点击“+”号一下,左边的数字会加1,所以方便我们用来测试我们的方法是否成功。

三、打开你的浏览器的【开发者工具】
请百度: {你的浏览器名称} + 【开发者工具】


四、打开你的浏览器的【开发者工具】,选中你要点击的元素
4.1、选择元素选择器按钮
4.2、把鼠标移动到你要点击的元素上,不用点击下去,就会看到右边有选择到对应的元素
4.4、看到选择到对应的元素

五、修改选中元素的id
5.1、右键对应的元素
5.2、选择 Edit as HTML

5.3 在写上第一个单词的空格后,写上id值,比如这里我写的是`id="d1n910click" `
注意:如果本身这个元素已经有id值了,那么不用再写id值!!!

5.4、随便点击这段代码的空白区域,就可以保存我们刚刚的操作了,这时候我们看到效果是这样的

六、进入控制台进行操作
点击`console`就可以进入控制台

这里输入参考我写的代码
document.getElementById('d1n910click').click()
其中的 d1n910click 是你刚刚填写id值,如果你刚刚填写的是 d1n910click 那就不用改,如果本身就有id值,就用原来的id值

回车以后,你就可以看到有相应的添加了。

七、运用定时器方法,可以进行自动点击
我们可以用定时器`setTimeout`方法来定时间点击,如下所示
setTimeout(() => {
document.getElementById('d1n910click').click()
}, 2000)

这个的意思是,在2000毫秒即2秒后执行
document.getElementById('d1n910click').click()
其中的`2000`我们可以自定义的。
八、运用轮训定时器方法,可以进行不停的自动点击
我们可以用轮训定时器setInterval方法来定隔一段时间轮训点击,如下所示
setInterval(() => {
document.getElementById('d1n910click').click()
}, 2000)
这个的意思是,每隔2000毫秒即2秒后执行一次
document.getElementById('d1n910click').click()
* 如果你想停止执行以上任何一条页面内容,直接刷新页面即可
END