[发明专利]一种网页元素位置精准定位方法及系统

说明书

本发明提供了计算机技术领域的一种网页元素位置精准定位方法及系统，方法包括如下步骤：步骤S10、创建一RPA插件以及一内容脚本，浏览器启动后加载页面以及所述RPA插件、内容脚本；步骤S20、所述RPA插件基于接收的捕获指令，在所述页面上创建一跟随鼠标移动的选择框；步骤S30、所述RPA插件对鼠标事件进行监听，当监听到鼠标的点击事件后，调用所述内容脚本自动捕获选择框内的网页元素；步骤S40、所述RPA插件基于各网页元素生成DSL格式的定位数据。本发明的优点在于：极大的提升了网页元素定位的适用范围。

技术领域

本发明涉及计算机技术领域，特别指一种网页元素位置精准定位方法及系统。

背景技术

在Web应用中，经常需要对网页元素进行属性赋值，即修改网页元素内的文本内容，而在RPA系统中，更需要对网页元素进行自动化操作，而实现上述功能的基础是对网页元素进行精确定位，并且在编排RPA过程中，还需要凸显当前选中的网页元素。

针对网页元素的定位，传统上采用如下方法：在原生页面上新增一个绝对定位的红框重合在选中的网页元素上，因为使用的是绝对定位，为了不影响原生页面的布局，因此采用元素ID、元素class(元素样式)、CSS选择器、XPath等标准方法。

随着Web技术的发展，尤其是前端模块化普及后，Web应用的实现技术变得多种多样，例如：iFrame嵌套、WebComponent技术、自定义组件等，而这些新技术的使用导致传统的网页元素定位方法这些场景下失效。

因此，如何提供一种网页元素位置精准定位方法及系统，实现提升网页元素定位的适用范围，成为一个亟待解决的技术问题。

发明内容

本发明要解决的技术问题，在于提供一种网页元素位置精准定位方法及系统，实现提升网页元素定位的适用范围。

第一方面，本发明提供了一种网页元素位置精准定位方法，包括如下步骤：

步骤S10、创建一RPA插件以及一内容脚本，浏览器启动后加载页面以及所述RPA插件、内容脚本；

步骤S20、所述RPA插件基于接收的捕获指令，在所述页面上创建一跟随鼠标移动的选择框；

步骤S30、所述RPA插件对鼠标事件进行监听，当监听到鼠标的点击事件后，调用所述内容脚本自动捕获选择框内的网页元素；

步骤S40、所述RPA插件基于各网页元素生成DSL格式的定位数据。

进一步地，所述步骤S10中，所述RPA插件用于创建选择框、监听鼠标事件、调用内容脚本、基于网页元素生成定位数据，并封装domToPath方法以及pathToDom方法；所述内容脚本用于捕获选择框内的网页元素。

进一步地，所述步骤S20具体为：

所述RPA插件接收RPA编辑器发送的捕获指令后，在所述页面上创建一绝对定位的选择框，同时注册鼠标移动事件，让所述选择框跟随鼠标移动，并定位鼠标当前所指的网页元素。

进一步地，所述步骤S30中，所述网页元素至少包括元素节点、元素ID、元素索引、元素样式、兄弟节点索引位置、相同元素索引的兄弟节点索引位置、当前元素节点的子节点数量、iFrame标识以及WebComponent标识；

所述iFrame标识用于标识元素节点的上级路径是否存在iFrame()标签；所述WebComponent标识用于标识元素节点的上级路径是否存在shadow()标签。

进一步地，所述步骤S40具体为：

所述RPA插件利用domToPath方法，基于各所述网页元素生成DSL格式的定位数据并发送给RPA编辑器进行保存；