web弹窗与鼠标点击无效的分析与解决

前言

鼠标点击在RPA的流程里使用频率是最高的，也是流程里出现问题频率最高的，问题分类如下：找不到元素；找到元素但是点击了错误的位置；找到了元素也点击了但是不生效。想要解决这些问题首先得进行问题分析，了解界面渲染，HTML渲染的一些原理，了解鼠标点击的逻辑实现与步骤拆解。

浏览器：IE浏览器

示例网址：弹窗Demo.html（自行解压） 弹窗Demo.rar

示例要求：点击“打开模拟弹窗”按钮，再点击弹窗内容里的确定按钮

思考：为什么鼠标点击没有起到作用

目标：通过对弹窗的分析，让我们对鼠标点击有更深层的了解，扩展流程设计中对于弹窗和鼠标点击无效的解决思路

本章节内容如下：

• 模拟弹窗与传统弹窗

• 鼠标点击

• 场景分析与解决方案

一、模拟弹窗与传统弹窗

1、模拟弹窗

在web系统里，有很多长的很像对话框的元素，它的本质其实是个div元素，只是通过css的修饰伪装成一个对话框，通过控制元素的显示/隐藏来模拟对话框的打开和关闭，加载方式是通过web的引擎进行渲染，例如下图

它的原面貌是这样的

（更多的html内容可参考本文的附件）

2、传统弹窗

web系统里还有另外一种弹窗，它是通过js的alert语句弹出来的，如下图：

这种弹窗不属于web系统本身的元素，它属于window的ui元素，渲染方式也是window进行渲染。它的结构如下：

整个弹窗的界面是由按钮、图像、文本等控件组成的

二、鼠标点击

介绍完弹窗的种类后，接下来了解一下“鼠标点击”组件的属性

对鼠标点击的关键属性进行配置可以解决大部分问题：

• 等待（超时）：会根据设置的时间去查找元素，如果元素出现了则会停止查找，如果元素一直不出现则会按照这个时间等待。

适用场景：当元素出现的时间不确定时，可调整这个时间，例如查询数据时，界面显示会受后台处理效率而影响显示时间

• 操作异常时：中断，流程会停止运行并抛出异常信息；继续，流程会继续运行。

适用场景：当元素偶尔出现的情况，需要设置为继续，例如月末对账提醒框，网银公告框这些点击关闭的操作。

• ScrollIntoView：当元素在不可见的位置上，又想要对其进行操作时，需要勾选此项。

适用场景：查询的表格数据多，会挤到下一页按钮往下移而不可见；仿下拉框的列表数据，当数据过多时，有部分是不可见的（需要滚动条往下移才可见）

• 标题/网址：用于激活窗口，如果标题存在可变的文本，需要对可变部分进行删除；如果网址存在可变地址，可使用通配符*代替；

鼠标点击的两种模式分析

当前场景使用的是UI模式

鼠标点击更多说明参考知识点：https://vip.kingdee.com/article/235341596026058752?productLineId=29&isKnowledge=2

三、场景分析

介绍完弹窗与鼠标点击后，接下来介绍场景

使用IE打开文件 弹窗Demo.html

点击“打开模拟弹窗”按钮，

再点击弹窗内容里的确定按钮

最常见的就是直接