欢迎光临散文网 会员登陆 & 注册

【D1n910】如何快速模拟在网页上的点击操作?

2020-01-24 23:50 作者:爱交作业的D1N910  | 我要投稿

正常操作,正常分析,大家好,我是D1n910

有一些活动需要我们通过不断的点击来完成一些操作,

我们可以通过运用一些简单的前端知识进行解决。

如何快速模拟在网页上的点击操作?

步骤如下

一、下载一个浏览器,这边推荐谷歌浏览器

https://www.google.cn/intl/zh-CN/chrome/

二、在浏览器中访问你要进行点击操作的网页。

建议可以用一些网站的加入购物车来测试

我们知道在这里鼠标点击“+”号一下,左边的数字会加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

【D1n910】如何快速模拟在网页上的点击操作?的评论 (共 条)

分享到微博请遵守国家法律