uipath - 完成滑动验证 - ()简单)

  1. 滑动验证的原理:
    利用鼠标滑动到指定位置操作完成验证
    简单模型: 横向滚动条, 滚动到末尾完成验证
  2. 问题: UIpath不支持mousepress, mousemove事件, 或者我还没有看到这两个activities
  3. 破局:
    step1: f12进入开发者模式----滑动滚动条查看控件属性改变, style=256pbs;
    step2: setattibute方法, 选中控件, 设置style属性值, 发现滑动条滑动到了指定位置.
    step3: 模拟鼠标滑动------这里笔者通过各种测试, 发现滑动到指定位置之后, 只要模拟鼠标滑动即可触发验证成功, 不需要选中滑动条.
    step4: 验证成功: 简单的鼠标右键+左键按顺序点击滑动条可以触发验证成功. 使用uipath的click触发完成验证

写在最后:
4. 复杂的验证, 比如滑动的距离计算, 这些不在本文的考虑范围内,
5. 鼠标右键+左键顺序点击滑动条触发验证成功的具体原因, 这里笔者不是很清楚, 欢迎大家留言讨论.

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Moveable-view 滑动验证是一种常见的人机验证方式,其原理是通过用户在屏幕上滑动 Moveable-view 组件来完成验证,以确认用户是真人而不是机器人。 具体实现步骤如下: 1. 在页面中添加一个 Moveable-view 组件,并设置其样式和位置。 2. 监听 Moveable-view 组件的 touchstart,touchmove 和 touchend 事件,以获取用户滑动时的手指位置信息。 3. 根据用户滑动的距离和方向,判断是否完成验证。 4. 验证成功后,执行相应的操作,如提交表单等。 下面是一个简单的示例代码: ```html <view class="moveable-view"> <moveable-view class="inner-view" direction="horizontal" bindtouchstart="onTouchStart" bindtouchmove="onTouchMove" bindtouchend="onTouchEnd"> <image src="https://xxx.com/slider.png"></image> </moveable-view> </view> ``` ```css .moveable-view { width: 300rpx; height: 150rpx; position: relative; } .inner-view { width: 150rpx; height: 150rpx; position: absolute; top: 0; left: 0; } ``` ```javascript Page({ data: { startX: 0, moveX: 0, success: false }, onTouchStart: function (e) { this.setData({ startX: e.touches[0].clientX }) }, onTouchMove: function (e) { this.setData({ moveX: e.touches[0].clientX - this.data.startX }) }, onTouchEnd: function () { if (this.data.moveX >= 150) { this.setData({ success: true }) // 验证成功,执行相应的操作 } else { this.setData({ moveX: 0 }) // 验证失败,重置状态 } } }) ``` 在这个示例中,我们通过监听 Moveable-view 组件的 touchstart,touchmove 和 touchend 事件,获取用户滑动的手指位置信息,并根据滑动距离和方向来判断是否完成验证。如果滑动距离超过 150rpx(即图片的宽度),则认为验证成功。否则,我们将滑块重置为初始状态,等待用户重新滑动
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值