CN110188306A - 一种网页表单自动填写的方法及装置 - Google Patents

Abstract

本发明涉及金融科技领域，并公开了一种网页表单自动填写的方法及装置，该方法包括获取待填写表单的标识信息，待填写表单的标识信息是在用户选择待填写表单后生成的，根据待填写表单的标识信息和表单录制历史库，确定标识信息对应的表单填写录制信息，表单录制历史库包括不同表单的标识信息对应的表单填写录制信息，表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的，根据标识信息对应的表单填写录制信息，填写该待填写表单。通过预先对用户填写表单的过程进行录制，在自测表单时，通过确定待填写表单的标识信息确定出表单填写录制信息后，自动实现对待填写表单的填写，从而提高开发自测过程中表单填写的效率。

Description

一种网页表单自动填写的方法及装置

技术领域

本发明实施例涉及金融科技(Fintech)领域，尤其涉及一种网页表单自动填写的方法及装置。

背景技术

随着计算机技术的发展，越来越多的技术应用在金融领域，传统金融业正在逐步向金融科技(Fintech)转变，消息存储技术也不例外，但由于金融、支付行业的安全性、实时性要求，也对技术提出的更高的要求。

当前的开发自测中，如果有多个表单填写，需要debugger时都是一步步的填写，一步步的点击操作，才到最后一步debugger的操作请求。现有的技术是通过在chrome插件中写死了固定的元素，写死了固定的填写值，只能使用于特定的页面执行。如果要修改步骤，则需要改插件的代码，不灵活且不具有普适性。

发明内容

本发明实施例提供一种网页表单自动填写的方法及装置，用以提高网页表单填写的效率。

第一方面，本发明实施例提供的一种网页表单自动填写的方法，包括：

获取待填写表单的标识信息；所述待填写表单的标识信息是在用户选择待填写表单后生成的；

根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息；所述表单录制历史库包括不同表单的标识信息对应的表单填写录制信息；所述表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的；

根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

上述技术方案中，通过预先对用户填写表单的过程进行录制，在自测需要表单时，通过确定待填写表单的标识信息确定出表单填写录制信息后，自动实现对待填写表单的填写，从而可以提高开发自测过程中表单填写的效率。

可选的，所述对用户填写表单的过程进行录制后生成所述表单录制历史库中的表单填写录制信息，包括：

在接收到表单录制指令之后，获取用户当前点击的元素；

以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件；

在接收到停止录制指令后，根据录制的所述用户操作的元素触发的事件生成表单填写录制信息；

将所述用户操作的表单的标识信息和所述表单填写录制信息建立映射关系后存储在所述表单录制历史库中。

可选的，所述以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件，包括：

以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素；

记录触发所述在页面中唯一的选择元素的事件。

可选的，所述以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素，包括：

以所述用户当前点击的元素为起始点，向上遍历寻找所述用户当前点击的元素在页面中是否唯一，若是，则确定为所述用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

可选的，所述方法还包括：

接收表单录制删除信息，所述表单录制删除信息包括待删除表单的标识信息；

根据所述待删除表单的标识信息删除所述待删除表单的标识信息对应的表单填写录制信息。

第二方面，本发明实施例提供的一种网页表单自动填写的装置，包括：

获取单元，用于获取待填写表单的标识信息；所述待填写表单的标识信息是在用户选择待填写表单后生成的；

处理单元，用于根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息；所述表单录制历史库包括不同表单的标识信息对应的表单填写录制信息；所述表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的；根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

可选的，所述处理单元具体用于：

在接收到表单录制指令之后，获取用户当前点击的元素；

以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件；

在接收到停止录制指令后，根据录制的所述用户操作的元素触发的事件生成表单填写录制信息；

将所述用户操作的表单的标识信息和所述表单填写录制信息建立映射关系后存储在所述表单录制历史库中。

可选的，所述处理单元具体用于：

以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素；

记录触发所述在页面中唯一的选择元素的事件。

可选的，所述处理单元具体用于：

以所述用户当前点击的元素为起始点，向上遍历寻找所述用户当前点击的元素在页面中是否唯一，若是，则确定为所述用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

可选的，所述处理单元还用于：

控制所述获取单元接收表单录制删除信息，所述表单录制删除信息包括待删除表单的标识信息；

根据所述待删除表单的标识信息删除所述待删除表单的标识信息对应的表单填写录制信息。

第三方面，本发明实施例还提供了一种计算设备，包括：

存储器，用于存储程序指令；

处理器，用于调用所述存储器中存储的程序指令，按照获得的程序执行上述网页表单自动填写的方法。

第四方面，本发明实施例还提供了一种计算机可读非易失性存储介质，包括计算机可读指令，当计算机读取并执行所述计算机可读指令时，使得计算机执行上述网页表单自动填写的方法。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种系统架构的示意图；

图2为本发明实施例提供的一种网页表单自动填写的方法的流程示意图；

图3为本发明实施例提供的一种表单的示意图；

图4为本发明实施例提供的一种插件界面的示意图；

图5为本发明实施例提供的一种网页表单自动填写的装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

图1示例性的示出了本发明实施例所适用的一种系统架构，该系统架构可以为服务器100，包括处理器110、通信接口120和存储器130。

其中，通信接口120用于与终端设备进行通信，收发该终端设备传输的信息，实现通信。

处理器110是服务器100的控制中心，利用各种接口和路线连接整个服务器100的各个部分，通过运行或执行存储在存储器130内的软件程序/或模块，以及调用存储在存储器130内的数据，执行服务器100的各种功能和处理数据。可选地，处理器110可以包括一个或多个处理单元。

存储器130可用于存储软件程序以及模块，处理器110通过运行存储在存储器130的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器130可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据业务处理所创建的数据等。此外，存储器130可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

需要说明的是，上述图1所示的结构仅是一种示例，本发明实施例对此不做限定。

基于上述描述，图2示例性的示出了本发明实施例提供的一种网页表单自动填写的方法的流程，该流程可以由网页表单自动填写的装置执行，该装置可以为图1中所示的服务器100，或是位于服务器100内。

需要说明书的是，本发明实施例中描述的网页表单自动填写的流程在具体实现的过程中可以通过插件的方式来实现。

如图2所示，该流程具体包括：

步骤201，获取待填写表单的标识信息。

该标识信息可以为用于区别不同待填写表单的标识，例如可以为ID号等信息。当用户在网页上选择待填写表单时，就可以生成该待填写表单的标识信息。

步骤202，根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息。

在本发明实施例中，表单录制历史库中包括不同表单的标识信息对应的表单填写录制信息，具体可以如表1所示。其中，表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的。

表1

表单的标识信息	表单填写录制信息
		ID1	表单填写录制信息1
ID1	表单填写录制信息2
		ID2	表单填写录制信息1
ID3	表单填写录制信息1
		…	…

在生成表单录制历史库中的表单填写录制信息，具体可以为：在接收到表单录制指令之后，获取用户当前点击的元素，然后以用户当前点击的元素为起始点，录制用户操作的元素触发的事件。当在接收到停止录制指令后，根据录制的用户操作的元素触发的事件生成表单填写录制信息，最后将用户操作的表单的标识信息和表单填写录制信息建立映射关系后存储在表单录制历史库中。其中，表单可以如图3所示的结构，表单中的元素可以为图3中显示的填写框、复选框、下拉框等信息，其为网页中的通用信息。用户操作的元素触发的事件可以是input/click等事件，本发明实施例仅是示例作用对此不做具体限制。

其中，以用户当前点击的元素为起始点，录制用户操作的元素触发的事件，一般是以用户当前点击的元素为起始点，确定用户操作的元素在页面中唯一的选择元素。然后记录触发在页面中唯一的选择元素的事件。作为一种可实现的方式，在确定用户操作的元素在页面中唯一的选择元素时，可以以用户当前点击的元素为起始点，向上遍历寻找用户当前点击的元素在页面中是否唯一，若是，则确定为用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

在具体实现的过程中，当接收到用户的录制指令时，可以监听input/click等事件获取到e.target.srcElement，进行元素的查找，找到对应的唯一元素，将其视为一个通用的选择元素，具有普适性，并且记录触发这个元素的事件click/input。保存通用的选择元素及其触发的事件为一个数组，从而完成一个操作的录制。

上述录制的过程可以通过插件来实现，如图4所示的一种表单填写插件的界面，当用户点击图4中的录制按钮后，用户可以随意点击浏览器页面上的元素，然后插件就可以通过selector.js(例如内容脚本)，从用户当前点击的元素开始向上遍历寻找当前元素在页面中唯一的选择元素，通过document.querySelectorAll来判断查找的元素是否唯一，通过这个方法查找到的元素只有一个的情况下表明查找到的这个元素是唯一的元素，此时就可以将该唯一的选择元素记录下来，否则继续加深层级向上一级的父元素寻找。将触发元素的事件及先后顺序记录下来，存储在localstorgae中。在录制结束时，会给生成一个本次录制的表单的标识信息，然后和其对应的表单填写录制信息一起保存在本地。

当用户需要填写表单时，就可以在图4中选择对应的待填写表单，点击执行按钮后，此时就可以获取到该待填写表单的标识信息，然后在表单录制历史库中查找到待填写表单的标识信息对应的表单填写录制信息。

步骤203，根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

当在步骤202中找到标识信息对应的表单填写录制信息之后，就可以根据该标识信息对应的表单填写录制信息，填写待填写表单。也就是通过插件将表单填写录制信息进行播放，如可以将表单填写录制信息中的数组遍历出来，获取到当时触发的元素及事件，然后可以调用对应的方法去重新触发当时的场景。例如，input事件中可以使用元素.value＝当时输入的值，click事件中使用元素.click()方法即可重现录制时的场景，具有通用和普适性。

为了更好的管理表单录制历史库中的表单填写录制信息，还可以对管理表单录制历史库中的表单填写录制信息进行删除，具体的，接收表单录制删除信息，表单录制删除信息包括待删除表单的标识信息，然后根据待删除表单的标识信息删除待删除表单的标识信息对应的表单填写录制信息。如图4所示，在选择了需要删除的表单，点击删除按钮后，就可以得到待删除表单的标识信息，然后删除对应的表单填写录制信息。

需要说明的是，用户可以多次多个表单，一次执行。

在本发明实施例中，可以实现网页表单自动填写的插件，可以在网页初始化加载中就可以运行，其可以通过在manifest.json中配置的正则(这个插件的正则可以匹配网址，例如*代表所有的网址都匹配，*：//localhost/*表示匹配所有locahost的网址)中能够适用于任何网页的录制，不论任何形式的表单填写还是点击按钮等一系列操作都可以通过插件可以监听input/click等事件。

具体实现时，通过在浏览器中约定的在内容脚本content.js中实现插件的页面效果及后续的一些监听事件查找元素的代码，在页面加载时初始化录制插件的界面。用户可以通过左上角的切换按钮展开收缩录制插件。

基于浏览器的自动化录制测试插件可以优化开发或者测试过程中遇到的问题。插件是由manifest.json文件、以及实现功能的脚本文件构成的一个压缩包。根据chrome提供的文档，只要在manifest.json中定义好需要注入插件脚本的网页正则，这里因为插件具有普适性，因此是正则为*所有的网页都可以注入。需要的注入的脚本命名为content.js，也是在manifest.json中引用相关的路径，这样chrome就能自动根据正则及脚本引用路径在网页加载时去注入对应的脚本内容。

本发明实施例可以应用于金融科技(Fintech)领域，金融科技领域是指将信息技术融入金融领域后，为金融领域带来的一种新的创新科技，通过使用先进的信息技术辅助实现金融作业、交易执行以及金融系统改进，可以提升金融系统的处理效率、业务规模，并可以降低成本和金融风险。

为了更好的解释本发明实施例，下面将以银行网站填写表单为例来描述上述网页自动表单填写的流程。在进行银行网站测试时，测试人员点击图4所示的录制插件中的录制按钮，当测试人员点击银行网站的填写表单的网页时，插件就可以通过selector.js从测试人员当前点击的元素开始向上遍历寻找当前元素在页面中唯一的选择元素，通过document.querySelectorAll来判断查找的元素是否唯一，通过这个方法查找到的元素只有一个的情况下表明查找到的这个元素是唯一的元素，此时就可以将该唯一的选择元素记录下来，否则继续加深层级向上一级的父元素寻找。将触发元素的事件及先后顺序记录下来，作为表单填写录制信息存储在localstorgae中。并在录制结束时，给本次录制生成一个表单的标识信息，和与其对应的表单填写录制信息一起保存在本地。当在测试时需要重新填写该表单时，测试人员可以在图4所示的插件界面上的下拉框内选择对应的待填写表单，然后点击执行按钮，此时就可以实现对银行网站中表单的自动填写。

本发明实施例表明，获取待填写表单的标识信息，待填写表单的标识信息是在用户选择待填写表单后生成的，根据待填写表单的标识信息和表单录制历史库，确定标识信息对应的表单填写录制信息，表单录制历史库包括不同表单的标识信息对应的表单填写录制信息，表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的，根据标识信息对应的表单填写录制信息，填写所述待填写表单。通过预先对用户填写表单的过程进行录制，在自测需要表单时，通过确定待填写表单的标识信息确定出表单填写录制信息后，自动实现对待填写表单的填写，从而可以提高开发自测过程中表单填写的效率。

基于相同的技术构思，图5示例性的示出了本发明实施例提供的一种网页表单自动填写的装置的结构，该装置可以执行网页表单自动填写的流程。该装置可以为图1中所示的服务器100，或是位于服务器100内。

如图5所示，该装置具体包括：

获取单元501，用于获取待填写表单的标识信息；所述待填写表单的标识信息是在用户选择待填写表单后生成的；

处理单元502，用于根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息；所述表单录制历史库包括不同表单的标识信息对应的表单填写录制信息；所述表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的；根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

可选的，所述处理单元502具体用于：

在接收到表单录制指令之后，获取用户当前点击的元素；

以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件；

在接收到停止录制指令后，根据录制的所述用户操作的元素触发的事件生成表单填写录制信息；

将所述用户操作的表单的标识信息和所述表单填写录制信息建立映射关系后存储在所述表单录制历史库中。

可选的，所述处理单元502具体用于：

以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素；

记录触发所述在页面中唯一的选择元素的事件。

可选的，所述处理单元502具体用于：

以所述用户当前点击的元素为起始点，向上遍历寻找所述用户当前点击的元素在页面中是否唯一，若是，则确定为所述用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

可选的，所述处理单元502还用于：

控制所述获取单元501接收表单录制删除信息，所述表单录制删除信息包括待删除表单的标识信息；

根据所述待删除表单的标识信息删除所述待删除表单的标识信息对应的表单填写录制信息。

基于相同的技术构思，本发明实施例还提供了一种计算设备，包括：

存储器，用于存储程序指令；

处理器，用于调用所述存储器中存储的程序指令，按照获得的程序执行上述网页表单自动填写的方法。

基于相同的技术构思，本发明实施例还提供了一种计算机可读非易失性存储介质，包括计算机可读指令，当计算机读取并执行所述计算机可读指令时，使得计算机执行上述网页表单自动填写的方法。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (12)

1.一种网页表单自动填写的方法，其特征在于，包括：

获取待填写表单的标识信息；所述待填写表单的标识信息是在用户选择待填写表单后生成的；

根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息；所述表单录制历史库包括不同表单的标识信息对应的表单填写录制信息；所述表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的；

根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

2.如权利要求1所述的方法，其特征在于，所述对用户填写表单的过程进行录制后生成所述表单录制历史库中的表单填写录制信息，包括：

在接收到表单录制指令之后，获取用户当前点击的元素；

以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件；

在接收到停止录制指令后，根据录制的所述用户操作的元素触发的事件生成表单填写录制信息；

将所述用户操作的表单的标识信息和所述表单填写录制信息建立映射关系后存储在所述表单录制历史库中。

3.如权利要求2所述的方法，其特征在于，所述以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件，包括：

以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素；

记录触发所述在页面中唯一的选择元素的事件。

4.如权利要求3所述的方法，其特征在于，所述以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素，包括：

以所述用户当前点击的元素为起始点，向上遍历寻找所述用户当前点击的元素在页面中是否唯一，若是，则确定为所述用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

5.如权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：

接收表单录制删除信息，所述表单录制删除信息包括待删除表单的标识信息；

根据所述待删除表单的标识信息删除所述待删除表单的标识信息对应的表单填写录制信息。

6.一种网页表单自动填写的装置，其特征在于，包括：

获取单元，用于获取待填写表单的标识信息；所述待填写表单的标识信息是在用户选择待填写表单后生成的；

处理单元，用于根据所述待填写表单的标识信息和表单录制历史库，确定所述标识信息对应的表单填写录制信息；所述表单录制历史库包括不同表单的标识信息对应的表单填写录制信息；所述表单录制历史库中的表单填写录制信息是对用户填写表单的过程进行录制后生成的；根据所述标识信息对应的表单填写录制信息，填写所述待填写表单。

7.如权利要求6所述的装置，其特征在于，所述处理单元具体用于：

在接收到表单录制指令之后，获取用户当前点击的元素；

以所述用户当前点击的元素为起始点，录制用户操作的元素触发的事件；

在接收到停止录制指令后，根据录制的所述用户操作的元素触发的事件生成表单填写录制信息；

将所述用户操作的表单的标识信息和所述表单填写录制信息建立映射关系后存储在所述表单录制历史库中。

8.如权利要求7所述的装置，其特征在于，所述处理单元具体用于：

以所述用户当前点击的元素为起始点，确定所述用户操作的元素在页面中唯一的选择元素；

记录触发所述在页面中唯一的选择元素的事件。

9.如权利要求8所述的装置，其特征在于，所述处理单元具体用于：

以所述用户当前点击的元素为起始点，向上遍历寻找所述用户当前点击的元素在页面中是否唯一，若是，则确定为所述用户操作的元素在页面中唯一的选择元素，否则继续加深层级向上一级的父元素寻找，直到确定在页面中唯一为止。

10.如权利要求6至9任一项所述的装置，其特征在于，所述处理单元还用于：

控制所述获取单元接收表单录制删除信息，所述表单录制删除信息包括待删除表单的标识信息；

根据所述待删除表单的标识信息删除所述待删除表单的标识信息对应的表单填写录制信息。

11.一种计算设备，其特征在于，包括：

存储器，用于存储程序指令；

处理器，用于调用所述存储器中存储的程序指令，按照获得的程序执行权利要求1至5任一项所述的方法。

12.一种计算机可读非易失性存储介质，其特征在于，包括计算机可读指令，当计算机读取并执行所述计算机可读指令时，使得计算机执行如权利要求1至5任一项所述的方法。