一种Web前端操作的方法和设备技术

本发明专利技术提供了一种Web前端操作的方法和设备，该方法包括以下步骤：将设备对浏览器的操作以及操作过程进行记录；将记录转化为计算机可执行的指令，并将指令保存成特定格式的文件；响应于接收到对浏览器以操作过程执行操作的请求，运行文件以使设备以操作过程执行操作；将操作的执行结果输出给用户。通过使用本发明专利技术的方案，能够可以大幅提升操作的执行效率，减少用户的操作数量，提升系统的易用性，提升用户的体验。

【技术实现步骤摘要】
一种Web前端操作的方法和设备
本领域涉及计算机领域，并且更具体地涉及一种Web前端操作的方法和设备。
技术介绍
在现有的前端界面操作系统中，用户操作都是面对单个流程操作进行人工重复点击操作，并且操作流程都是前端界面预先固化设定的，操作流程没法自定义，比如用户要登录一个网站，然后查看产品订单，查询产品序列号的操作，用户需要进行至少三个操作才能完成。即使这种操作是常用功能，用户也只能重复三个甚至更多的操作达到这一功能。
技术实现思路
有鉴于此，本专利技术实施例的目的在于提出一种Web前端操作的方法和设备，通过使用本专利技术的方法，能够可以大幅提升操作的执行效率，减少用户的操作数量，提升系统的易用性，提升用户的体验。基于上述目的，本专利技术的实施例的一个方面提供了一种Web前端操作的方法，包括以下步骤：将设备对浏览器的操作以及操作过程进行记录；将记录转化为计算机可执行的指令，并将指令保存成特定格式的文件；响应于接收到对浏览器以操作过程执行操作的请求，运行文件以使设备以操作过程执行操作；将操作的执行结果输出给用户。根据本专利技术的一个实施例，设备包括点击类设备和输入类设备。根据本专利技术的一个实施例，将设备对浏览器的操作以及操作过程进行记录包括：响应于用户点击浏览器中的按钮，监听浏览器文档对象以获取用户的点击事件对象；从点击事件对象中获取按钮元素；基于获取的按钮元素确定用户点击操作的定位；将用户的多个点击操作按照顺序以及间隔时间进行保存以得到操作过程。根据本专利技术的一个实施例，将设备对浏览器的操作以及操作过程进行记录包括：响应于用户点击输入框，监听用户的点击操作，获取点击操作的对象以获取用户点击的输入框元素；基于输入框元素对输入框定位；获取输入框元素的输入事件，并获取用户输入的值，以记录相应的输入操作；将用户的多个点击操作以及输入操作按照顺序以及间隔时间进行保存以得到操作过程。根据本专利技术的一个实施例，将操作的执行结果输出给用户包括：响应于文件运行完成，将浏览器的操作结果以语音播报给用户。本专利技术的实施例的另一个方面，还提供了一种Web前端操作的设备，设备包括：记录模块，记录模块配置为将设备对浏览器的操作以及操作过程进行记录；转换模块，转换模块配置为将记录转化为计算机可执行的指令，并将指令保存成特定格式的文件；运行模块，运行模块配置为响应于接收到对浏览器以操作过程执行操作的请求，运行文件以使设备以操作过程执行操作；输出模块，输出模块配置为将操作的执行结果输出给用户。根据本专利技术的一个实施例，设备包括点击类设备和输入类设备。根据本专利技术的一个实施例，记录模块还配置为：响应于用户点击浏览器中的按钮，监听浏览器文档对象以获取用户的点击事件对象；从点击事件对象中获取按钮元素；基于获取的按钮元素确定用户点击操作的定位；将用户的多个点击操作按照顺序以及间隔时间进行保存以得到操作过程。根据本专利技术的一个实施例，记录模块还配置为：响应于用户点击输入框，监听用户的点击操作，获取点击操作的对象以获取用户点击的输入框元素；基于输入框元素对输入框定位；获取输入框元素的输入事件，并获取用户输入的值，以记录相应的输入操作；将用户的多个点击操作以及输入操作按照顺序以及间隔时间进行保存以得到操作过程。根据本专利技术的一个实施例，输出模块还配置为：响应于文件运行完成，将浏览器的操作结果以语音播报给用户。本专利技术具有以下有益技术效果：本专利技术实施例提供的Web前端操作的方法，通过将设备对浏览器的操作以及操作过程进行记录；将记录转化为计算机可执行的指令，并将指令保存成特定格式的文件；响应于接收到对浏览器以操作过程执行操作的请求，运行文件以使设备以操作过程执行操作；将操作的执行结果输出给用户的技术方案，能够可以大幅提升操作的执行效率，减少用户的操作数量，提升系统的易用性，提升用户的体验。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的实施例。图1为根据本专利技术一个实施例的Web前端操作的方法的示意性流程图；图2为根据本专利技术一个实施例的Web前端操作的设备的示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本专利技术实施例进一步详细说明。基于上述目的，本专利技术的实施例的第一个方面，提出了一种Web前端操作的方法的一个实施例。图1示出的是该方法的示意性流程图。如图1中所示，该方法可以包括以下步骤：S1将设备对浏览器的操作以及操作过程进行记录，对浏览器的操作一般是指鼠标的点击和键盘的输入，将该点击和输入的过程记录下来以形成模式化的操作；S2将记录转化为计算机可执行的指令，并将指令保存成特定格式的文件，将用户操作记录按照时间、逻辑顺序记录在指令文件javascript脚本中，实现操作流程的监听记录，由用户输入命令名称后以脚本的形式进行保存，记录操作元素、操作类型、操作的值等等，每次制作结束后单独保存每个指令文件，可实现多个文件的制作和保存；S3响应于接收到对浏览器以操作过程执行操作的请求，运行文件以使设备以操作过程执行操作，当用户想要执行程序化的操作时，就可以运行上面记录好的操作过程转化的文件，操作或操作过程中有更改，需要对该文件进行相应的修改；S4将操作的执行结果输出给用户，操作结束后需要向用户反馈操作结果，本专利技术优选使用语音播报的方式，也可以使用灯光、文字提示等方式。本专利技术提出技术方案是对用户经常使用的操作流程，可以采用命令执行的方式记录操作流程，当再次进行相同操作时，只需运行相应的命令即可进行相同操作的执行，可大幅度提升操作效率以及用户体验。通过本专利技术的技术方案，能够可以大幅提升操作的执行效率，减少用户的操作数量，提升系统的易用性，提升用户的体验。在本专利技术的一个优选实施例中，设备包括点击类设备和输入类设备。点击类设备可以是鼠标，输入类设备可以是键盘。在本专利技术的一个优选实施例中，将设备对浏览器的操作以及操作过程进行记录包括：响应于用户点击浏览器中的按钮，监听浏览器文档对象以获取用户的点击事件对象；从点击事件对象中获取按钮元素；基于获取的按钮元素确定用户点击操作的定位；将用户的多个点击操作按照顺序以及间隔时间进行保存以得到操作过程。当用户去点击浏览器中的某个按钮时，系统可以通过监听浏览器文档对象获取到用户的点击事件对象，基于点击事件对象，从事件对象中获取按钮信息，即用户点击的那个按钮元素，基于获取的按钮元素，本文档来自技高网...

【技术保护点】
1.一种Web前端操作的方法，其特征在于，包括以下步骤：/n将设备对浏览器的操作以及操作过程进行记录；/n将所述记录转化为计算机可执行的指令，并将所述指令保存成特定格式的文件；/n响应于接收到对所述浏览器以所述操作过程执行所述操作的请求，运行所述文件以使所述设备以所述操作过程执行所述操作；/n将所述操作的执行结果输出给用户。/n

【技术特征摘要】
1.一种Web前端操作的方法，其特征在于，包括以下步骤：
将设备对浏览器的操作以及操作过程进行记录；
将所述记录转化为计算机可执行的指令，并将所述指令保存成特定格式的文件；
响应于接收到对所述浏览器以所述操作过程执行所述操作的请求，运行所述文件以使所述设备以所述操作过程执行所述操作；
将所述操作的执行结果输出给用户。


2.根据权利要求1所述的方法，其特征在于，所述设备包括点击类设备和输入类设备。


3.根据权利要求2所述的方法，其特征在于，将设备对浏览器的操作以及操作过程进行记录包括：
响应于所述用户点击所述浏览器中的按钮，监听所述浏览器文档对象以获取所述用户的点击事件对象；
从所述点击事件对象中获取按钮元素；
基于获取的所述按钮元素确定所述用户点击操作的定位；
将所述用户的多个点击操作按照顺序以及间隔时间进行保存以得到所述操作过程。


4.根据权利要求3所述的方法，其特征在于，将设备对浏览器的操作以及操作过程进行记录包括：
响应于所述用户点击输入框，监听所述用户的点击操作，获取所述点击操作的对象以获取所述用户点击的所述输入框元素；
基于所述输入框元素对所述输入框定位；
获取所述输入框元素的输入事件，并获取所述用户输入的值，以记录相应的输入操作；
将所述用户的多个所述点击操作以及输入操作按照顺序以及间隔时间进行保存以得到所述操作过程。


5.根据权利要求1所述的方法，其特征在于，将所述操作的执行结果输出给用户包括：
响应于所述文件运行完成，将所述浏览器的操作结果以语音播报给所述用户。


6.一种Web...

【专利技术属性】
技术研发人员：潘建峰，刘新波，
申请(专利权)人：苏州浪潮智能科技有限公司，
类型：发明
国别省市：江苏;32