CN108519903A - 静态资源适配方法、装置、计算机设备及存储介质 - Google Patents
静态资源适配方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN108519903A CN108519903A CN201810312142.XA CN201810312142A CN108519903A CN 108519903 A CN108519903 A CN 108519903A CN 201810312142 A CN201810312142 A CN 201810312142A CN 108519903 A CN108519903 A CN 108519903A
- Authority
- CN
- China
- Prior art keywords
- static resource
- list
- thing
- banquet
- dom element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000003068 static effect Effects 0.000 title claims abstract description 139
- 238000000034 method Methods 0.000 title claims abstract description 55
- 238000003860 storage Methods 0.000 title claims abstract description 30
- 230000006978 adaptation Effects 0.000 title claims abstract description 28
- 235000021167 banquet Nutrition 0.000 claims abstract description 72
- 238000004590 computer program Methods 0.000 claims description 16
- 230000003044 adaptive effect Effects 0.000 claims description 15
- 230000009471 action Effects 0.000 claims description 14
- 238000012546 transfer Methods 0.000 claims description 12
- 238000012163 sequencing technique Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 14
- 238000013515 script Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 10
- 230000008859 change Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000012360 testing method Methods 0.000 description 3
- 238000013519 translation Methods 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 2
- 238000007689 inspection Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 238000011017 operating method Methods 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000000151 deposition Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种静态资源适配方法、装置、计算机设备及存储介质。该方法包括:获取客户端所传输的dom元素列表;在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;根据所加载的静态资源及事件列表进行操控复现。该方法实现在坐席端能同时兼容本地APP版本和在线html页面版本的静态资源加载,即实现了多种方式加载静态资源及对应精准的操控复现,方便了坐席对用户进行操作指引。
Description
技术领域
本申请涉及H5网页技术领域,尤其涉及一种静态资源适配方法、装置、计算机设备及存储介质。
背景技术
H5即是Html 5页面,指的是包括HTML(全称是HyperText Markup Language,其表示超文本标记语言,是一种用于创建网页的标准标记语言)、CSS(全称是Cascading StyleSheets,其表示层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言)和JavaScript(其为一种直译式脚本语言)在内的一套技术组合,旨在减少浏览器对于需要插件的丰富性网络应用服务,并且提供更多能有效增强网络应用的标准集。目前,H5类型的链接主要分为四大类型:一是展示型H5链接(此类H5页面等同于一个品牌的微官网);二是游戏型H5链接(即把品牌或产品做成一个小游戏);三是功能型H5链接(用户可以享受各种服务如在线预订,直接购买,小样申请,产品测试和活动邀请等各种体验);四是互动型H5链接(用于互动)。
当功能型H5链接投放至用户的智能终端上的指定APP时,用户则会在该指定APP上点击H5链接后,在功能页面上进行各种操作(如注册、修改个人信息、启用新业务等操作)。然而,当用户对H5链接对应的功能页面上的操作存在疑问等情况而需要咨询坐席(即该H5链接投放方的客服),由于坐席端并无直观的用户历史操作轨迹的回放,坐席只能根据用户的口头描述来对其操作过程进行矫正和指引,这就导致了坐席的答疑和指引效率低下。
发明内容
本申请提供了一种静态资源适配方法、装置、计算机设备及存储介质,旨在解决现有技术中用户对H5链接对应的功能页面上的操作存在疑问等情况而需要咨询坐席时,坐席只能根据用户的口头描述来对其操作过程进行矫正和指引,导致了坐席的答疑和指引效率低下的问题。
第一方面,本申请提供了一种静态资源适配方法,其包括:
获取客户端所传输的dom元素列表;
在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;
根据所加载的静态资源及事件列表进行操控复现。
第二方面,本申请提供了一种静态资源适配装置,其包括:
dom元素获取单元,用于获取客户端所传输的dom元素列表;
事件获取单元,用于在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;
操控复现单元,用于根据所加载的静态资源及事件列表进行操控复现。
第三方面,本申请又提供了一种计算机设备,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现本申请提供的任一项所述的静态资源适配方法。
第四方面,本申请还提供了一种存储介质,其中所述存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行本申请提供的任一项所述的静态资源适配方法。
本申请提供一种静态资源适配方法、装置、计算机设备及存储介质。该方法通过获取客户端所传输的dom元素列表;在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;根据所加载的静态资源及事件列表进行操控复现。该方法实现在坐席端能同时兼容本地APP版本和在线html页面版本的静态资源加载,即实现了多种方式加载静态资源及对应精准的操控复现,方便了坐席对用户进行操作指引。
附图说明
为了更清楚地说明本申请实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种静态资源适配方法的示意流程图;
图2为本申请实施例提供的一种静态资源适配方法的另一示意流程图;
图3是本申请实施例提供的一种静态资源适配方法的子流程示意图;
图4为本申请实施例提供的一种静态资源适配方法的另一子流程示意图;
图5为本申请实施例提供的一种静态资源适配方法的另一子流程示意图;
图6为本申请实施例提供的一种静态资源适配装置的示意性框图;
图7为本申请实施例提供的一种静态资源适配装置的另一示意性框图;
图8为本申请实施例提供的一种静态资源适配装置的子单元示意性框图;
图9为本申请实施例提供的一种静态资源适配装置的另一子单元示意性框图;
图10为本申请实施例提供的一种静态资源适配装置的另一子单元示意性框图;
图11为本申请实施例提供的一种计算机设备的示意性框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
应当理解,当在本说明书和所附权利要求书中使用时,术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
请参阅图1,图1是本申请实施例提供的一种静态资源适配方法的示意流程图。该方法应用于台式电脑、手提电脑、平板电脑等终端中。如图1所示,该方法包括步骤S101~S103。
S101、获取客户端所传输的dom元素列表。
在本实施例中,当用户在本地的客户端的H5链接功能页面上进行各类点击或填写等操作时,操作所产生的事件均按时间顺序被记录在dom元素列表,此时为了让坐席端能在坐席本地直观查看用户的操作历史,此时需先由坐席端获取客户端所传输的dom元素列表。在坐席端上获取了dom元素列表,即可在dom元素列表被解析后查看用户的操作历史,便于坐席对用户的操作进行指引。
在一实施例中,如图2所示,在所述步骤S101之前,还包括:
S101a、若检测到客户端所上传的求助指令时,获取客户端对应的用户登录信息及静态资源版本号。
在本实施例中,当用户在使用智能终端上某一APP(全称是Application,即应用程序)并点击H5链接后在H5界面上进行操作时,若进行了部分操作(如开通业务,取消业务员等)仍然未找到正确的操作入口,此时需要向后台的客服求助时,可以在H5链接的主界面上设置一快捷求助虚拟按钮,当用户点击了该快捷求助虚拟按钮,就能向坐席服务器发出求助指令,该求助指令会转发至接收该求助任务的坐席人员的终端上,与求助指令同时发出的还有用户的客户端上的用户登录信息和静态资源版本号。通过将客户端对应的用户登录信息及静态资源版本号发送至坐席服务器,坐席服务器所对应的客服人员才能根据静态资源版本号加载静态资源,同时也能清楚回访所针对的对象,实现了对客户精准回访。
在一实施例中,所述客户端所传输的dom元素列表是由客户端中的Java脚本来获取,可通过如下8种具体的Java脚本来获取dom元素列表:
通过ID(getElementById)获取dom元素列表;
通过name属性(getElementsByName)获取dom元素列表;
通过标签名(getElementsByTagName)获取dom元素列表;
通过类名(getElementsByClassName)获取dom元素列表;
获取html的方法(document.documentElement)获取dom元素列表;
获取body的方法(document.body)获取dom元素列表;
通过选择器获取一个元素(querySelector)dom元素列表;
通过选择器获取一组元素(querySelectorAll)dom元素列表。
通过上述8种具体的Java脚本均可获取dom元素列表中的元素,以快速解析用户的操作历史事件。
其中,获取静态资源版本号是通过java脚本中的gulp前端构建工具来获取,gulp前端构建工具是基于Nodejs(Nodejs是一Javascript运行环境)的自动任务运行器,能自动化地完成javascript/html/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的步骤。
S102、在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表。
在一实施例中,如图3所示,所述步骤S102中所述在当前页面加载本地的静态资源,通过解析dom元素列表获取事件列表,包括:
S1021a、若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;
S1022a、在当前页面加载静态资源对应的数据,得到加载后页面;
S1023a、通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,如图4所示,所述步骤S102中所述在当前页面加载远程的静态资源,通过解析dom元素列表获取事件列表,包括:
S1021b、若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;
S1022b、在当前页面加载静态资源对应的数据,得到加载后页面;
S1023b、通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
其中,通过jQuery解析dom元素列表具体是使用get方法,例如$('div').get(1)表示获取页面中第二个div。
在坐席端有两种典型的场景来加载静态资源,第一种是本地APP场景,第二种是在线html页面场景;其中,静态资源是指js(即JavaScript,是一种直译式脚本语言)、css(即Cascading Style Sheets,表示层叠样式表)、img(HTML的img标签)等非服务器动态运行生成的文件。
在本地APP场景下,即是坐席端与客户端一样,也同样打开本地APP,坐席端的本地APP界面可能因版本等原因与客户端的界面或者静态资源不一致,但为了确保坐席端能完全复现用户在客户端的本地APP上的操作过程,此时可通过坐席端本地APP采用file协议加载预先下载且已存储的静态资源(file协议主要用于访问本地的文件),还原在客户端本地APP的操作场景。
在在线html页面场景下,即是坐席端打开的是在线html页面(也即H5链接被点击后打开的界面),坐席端的在线html页面可能因版本等原因与客户端的界面或者静态资源不一致,但为了确保坐席端能完全复现用户在客户端的本地APP上的操作过程,此时可通过坐席端在线html页面采用http协议或https协议从远程服务器自动适配远程在线的静态资源(其中,http协议即超文本传输协议;https协议是以安全为目标的http通道),加载到在线html页面上以还原在客户端本地APP的操作场景。
坐席端在本地APP的界面上或是在线html页面上加载了静态资源,初步还原了在客户端的操作场景后,即可通过解析dom元素列表获取事件列表,根据事件列表来逐步还原用户的操作,快速找到用户操作的不当之处,以准确引导用户进行正确的操作来进行功能操作。
S103、根据所加载的静态资源及事件列表进行操控复现。
在一实施例中,如图5所示,所述步骤S103包括以下子步骤:
S1031、根据时间顺序依次获取事件列表中的操作事件,并依序传输到页面的静态资源;
S1032、按时间顺序依次执行操作事件,并实时显示操作事件对应的用户操作。
在本实施例中,坐席端可以像视频回放一样,在加载了静态资源的页面上逐步显示用户的详细操作步骤和过程,这样就能更直观的引导用户进行正确的操作来进行功能操作。其中,坐席端指导客户进行操作,可以直接通过电话回访语音指导,或是远程协助客户进行操作。
可见,该方法实现在坐席端能同时兼容本地APP版本和在线html页面版本的静态资源加载,即实现了多种方式加载静态资源及对应精准的操控复现,方便了坐席对用户进行操作指引。
本申请实施例还提供一种静态资源适配装置,该静态资源适配装置用于执行前述任一项静态资源适配方法。具体地,请参阅图6,图6是本申请实施例提供的一种静态资源适配装置的示意性框图。静态资源适配装置100可以安装于台式电脑、平板电脑、手提电脑、等终端中。
如图6所示,静态资源适配装置100包括dom元素获取单元101、事件获取单元102、操控复现单元103。
dom元素获取单元101,用于获取客户端所传输的dom元素列表。
在本实施例中,当用户在本地的客户端的H5链接功能页面上进行各类点击或填写等操作时,操作所产生的事件均按时间顺序被记录在dom元素列表,此时为了让坐席端能在坐席本地直观查看用户的操作历史,此时需先由坐席端获取客户端所传输的dom元素列表。在坐席端上获取了dom元素列表,即可在dom元素列表被解析后查看用户的操作历史,便于坐席对用户的操作进行指引。
在一实施例中,如图7所示,在静态资源适配装置100中还包括:
信息上传单元101a,用于若检测到客户端所上传的求助指令时,获取客户端对应的用户登录信息及静态资源版本号。
在本实施例中,当用户在使用智能终端上某一APP(全称是Application,即应用程序)并点击H5链接后在H5界面上进行操作时,若进行了部分操作(如开通业务,取消业务员等)仍然未找到正确的操作入口,此时需要向后台的客服求助时,可以在H5链接的主界面上设置一快捷求助虚拟按钮,当用户点击了该快捷求助虚拟按钮,就能向坐席服务器发出求助指令,该求助指令会转发至接收该求助任务的坐席人员的终端上,与求助指令同时发出的还有用户的客户端上的用户登录信息和静态资源版本号。通过将客户端对应的用户登录信息及静态资源版本号发送至坐席服务器,坐席服务器所对应的客服人员才能根据静态资源版本号加载静态资源,同时也能清楚回访所针对的对象,实现了对客户精准回访。
在一实施例中,所述客户端所传输的dom元素列表是由客户端中的Java脚本来获取,可通过如下8种具体的Java脚本来获取dom元素列表:
通过ID(getElementById)获取dom元素列表;
通过name属性(getElementsByName)获取dom元素列表;
通过标签名(getElementsByTagName)获取dom元素列表;
通过类名(getElementsByClassName)获取dom元素列表;
获取html的方法(document.documentElement)获取dom元素列表;
获取body的方法(document.body)获取dom元素列表;
通过选择器获取一个元素(querySelector)dom元素列表;
通过选择器获取一组元素(querySelectorAll)dom元素列表。
通过上述8种具体的Java脚本均可获取dom元素列表中的元素,以快速解析用户的操作历史事件。
其中,获取静态资源版本号是通过java脚本中的gulp前端构建工具来获取,gulp前端构建工具是基于Nodejs(Nodejs是一Javascript运行环境)的自动任务运行器,能自动化地完成javascript/html/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的步骤。
事件获取单元102,用于在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表。
在一实施例中,如图8所示,所述事件获取单元102,包括:
本地获取单元1021a,用于若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;
第一加载单元1022a,用于在当前页面加载静态资源对应的数据,得到加载后页面;
第一事件解析单元1023a,用于通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,如图9所示,所述事件获取单元102,包括:
远程获取单元1021b,用于若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;
第二加载单元1022b,用于在当前页面加载静态资源对应的数据,得到加载后页面;
第二事件解析单元1023b,用于通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
其中,通过jQuery解析dom元素列表具体是使用get方法,例如$('div').get(1)表示获取页面中第二个div。
在坐席端有两种典型的场景来加载静态资源,第一种是本地APP场景,第二种是在线html页面场景;其中,静态资源是指js(即JavaScript,是一种直译式脚本语言)、css(即Cascading Style Sheets,表示层叠样式表)、img(HTML的img标签)等非服务器动态运行生成的文件。
在本地APP场景下,即是坐席端与客户端一样,也同样打开本地APP,坐席端的本地APP界面可能因版本等原因与客户端的界面或者静态资源不一致,但为了确保坐席端能完全复现用户在客户端的本地APP上的操作过程,此时可通过坐席端本地APP采用file协议加载预先下载且已存储的静态资源(file协议主要用于访问本地的文件),还原在客户端本地APP的操作场景。
在在线html页面场景下,即是坐席端打开的是在线html页面(也即H5链接被点击后打开的界面),坐席端的在线html页面可能因版本等原因与客户端的界面或者静态资源不一致,但为了确保坐席端能完全复现用户在客户端的本地APP上的操作过程,此时可通过坐席端在线html页面采用http协议或https协议从远程服务器自动适配远程在线的静态资源(其中,http协议即超文本传输协议;https协议是以安全为目标的http通道),加载到在线html页面上以还原在客户端本地APP的操作场景。
坐席端在本地APP的界面上或是在线html页面上加载了静态资源,初步还原了在客户端的操作场景后,即可通过解析dom元素列表获取事件列表,根据事件列表来逐步还原用户的操作,快速找到用户操作的不当之处,以准确引导用户进行正确的操作来进行功能操作。
操控复现单元103,用于根据所加载的静态资源及事件列表进行操控复现。
如图10所示,所述操控复现单元103,包括以下子单元:
事件加载获取单元1031,用于根据时间顺序依次获取事件列表中的操作事件,并依序传输到页面的静态资源;
复现单元1032,用于按时间顺序依次执行操作事件,并实时显示操作事件对应的用户操作。
在本实施例中,坐席端可以像视频回放一样,在加载了静态资源的页面上逐步显示用户的详细操作步骤和过程,这样就能更直观的引导用户进行正确的操作来进行功能操作。其中,坐席端指导客户进行操作,可以直接通过电话回访语音指导,或是远程协助客户进行操作。
可见,该装置实现在坐席端能同时兼容本地APP版本和在线html页面版本的静态资源加载,即实现了多种方式加载静态资源及对应精准的操控复现,方便了坐席对用户进行操作指引。
上述静态资源适配装置可以实现为一种计算机程序的形式,该计算机程序可以在如图11所示的计算机设备上运行。
请参阅图11,图11是本申请实施例提供的一种计算机设备的示意性框图。该计算机设备500设备可以是终端。该终端可以是平板电脑、笔记本电脑、台式电脑、个人数字助理等电子设备。
参阅图11,该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505,其中,存储器可以包括非易失性存储介质503和内存储器504。
该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令,该程序指令被执行时,可使得处理器502执行一种静态资源适配方法。
该处理器502用于提供计算和控制能力,支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境,该计算机程序5032被处理器502执行时,可使得处理器502执行一种静态资源适配方法。
该网络接口505用于进行网络通信,如发送分配的任务等。本领域技术人员可以理解,图11中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备500的限定,具体的计算机设备500可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
其中,所述处理器502用于运行存储在存储器中的计算机程序5032,以实现如下功能:获取客户端所传输的dom元素列表;在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;根据所加载的静态资源及事件列表进行操控复现。
在一实施例中,处理器502还执行如下操作:若检测到客户端所上传的求助指令时,获取客户端对应的用户登录信息及静态资源版本号。
在一实施例中,处理器502还执行如下操作:若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;在当前页面加载静态资源对应的数据,得到加载后页面;通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,处理器502还执行如下操作:若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;在当前页面加载静态资源对应的数据,得到加载后页面;通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,处理器502还执行如下操作:根据时间顺序依次获取事件列表中的操作事件,并依序传输到页面的静态资源;按时间顺序依次执行操作事件,并实时显示操作事件对应的用户操作。
本领域技术人员可以理解,图11中示出的计算机设备的实施例并不构成对计算机设备具体构成的限定,在其他实施例中,计算机设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。例如,在一些实施例中,计算机设备可以仅包括存储器及处理器,在这样的实施例中,存储器及处理器的结构及功能与图11所示实施例一致,在此不再赘述。
应当理解,在本申请实施例中,处理器502可以是中央处理单元(CentralProcessing Unit,CPU),该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable GateArray,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
在本申请的另一实施例中提供一种存储介质。该存储介质可以为计算机可读存储介质。该存储介质存储有计算机程序,其中计算机程序包括程序指令。该程序指令被处理器执行时实现:获取客户端所传输的dom元素列表;在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;根据所加载的静态资源及事件列表进行操控复现。
在一实施例中,该程序指令被处理器执行时实现:若检测到客户端所上传的求助指令时,获取客户端对应的用户登录信息及静态资源版本号。
在一实施例中,该程序指令被处理器执行时实现:若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;在当前页面加载静态资源对应的数据,得到加载后页面;通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,该程序指令被处理器执行时实现:若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;在当前页面加载静态资源对应的数据,得到加载后页面;通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
在一实施例中,该程序指令被处理器执行时实现:根据时间顺序依次获取事件列表中的操作事件,并依序传输到页面的静态资源;按时间顺序依次执行操作事件,并实时显示操作事件对应的用户操作。
所述存储介质可以是前述设备的内部存储单元,例如设备的硬盘或内存。所述存储介质也可以是所述设备的外部存储设备,例如所述设备上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,所述存储介质还可以既包括所述设备的内部存储单元也包括外部存储设备。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述的设备、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本申请所提供的几个实施例中,应该理解到,所揭露的设备、装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,也可以将具有相同功能的单元集合成一个单元,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另外,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口、装置或单元的间接耦合或通信连接,也可以是电的,机械的或其它的形式连接。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以是两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分,或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种静态资源适配方法,其特征在于,包括:
获取客户端所传输的dom元素列表;
在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;
根据所加载的静态资源及事件列表进行操控复现。
2.根据权利要求1所述的静态资源适配方法,其特征在于,所述获取客户端所传输的dom元素列表之前,还包括:
若检测到客户端所上传的求助指令时,获取客户端对应的用户登录信息及静态资源版本号。
3.根据权利要求1所述的静态资源适配方法,其特征在于,所述在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表,包括:
若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;
在当前页面加载静态资源对应的数据,得到加载后页面;
通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
4.根据权利要求1所述的静态资源适配方法,其特征在于,所述在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表,包括:
若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;
在当前页面加载静态资源对应的数据,得到加载后页面;
通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
5.根据权利要求3或4所述的静态资源适配方法,其特征在于,所述根据所加载的静态资源及事件列表进行操控复现,包括:
根据时间顺序依次获取事件列表中的操作事件,并依序传输到页面的静态资源;
按时间顺序依次执行操作事件,并实时显示操作事件对应的用户操作。
6.一种静态资源适配装置,其特征在于,包括:
dom元素获取单元,用于获取客户端所传输的dom元素列表;
事件获取单元,用于在当前页面加载本地或远程的静态资源,通过解析dom元素列表获取事件列表;
操控复现单元,用于根据所加载的静态资源及事件列表进行操控复现。
7.根据权利要求6所述的静态资源适配装置,其特征在于,所述事件获取单元,包括:
本地获取单元,用于若坐席端所采用的文件传输协议为file协议,从坐席端本地的已存储静态资源数据中通过file协议获取静态资源对应的数据;
第一加载单元,用于在当前页面加载静态资源对应的数据,得到加载后页面;
第一事件解析单元,用于通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
8.根据权利要求6所述的静态资源适配装置,其特征在于,所述事件获取单元,包括:
远程获取单元,用于若坐席端所采用的文件传输协议为http协议或https协议,从远程服务器适配远程在线的静态资源对应的数据;
第二加载单元,用于在当前页面加载静态资源对应的数据,得到加载后页面;
第二事件解析单元,用于通过jQuery解析dom元素列表,按时间顺序依次获取dom元素中的事件列表。
9.一种计算机设备,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1-5中任一项所述的静态资源适配方法。
10.一种存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1-5任一项所述的静态资源适配方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810312142.XA CN108519903A (zh) | 2018-04-09 | 2018-04-09 | 静态资源适配方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810312142.XA CN108519903A (zh) | 2018-04-09 | 2018-04-09 | 静态资源适配方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108519903A true CN108519903A (zh) | 2018-09-11 |
Family
ID=63432217
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810312142.XA Pending CN108519903A (zh) | 2018-04-09 | 2018-04-09 | 静态资源适配方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108519903A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110069302A (zh) * | 2019-03-15 | 2019-07-30 | 平安普惠企业管理有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN110647736A (zh) * | 2019-08-13 | 2020-01-03 | 平安科技(深圳)有限公司 | 插件式坐席系统登录方法、装置、计算机设备及存储介质 |
CN110674449A (zh) * | 2019-09-27 | 2020-01-10 | 中南大学 | 一种基于对象属性的Web页面请求方法 |
CN111708573A (zh) * | 2020-06-05 | 2020-09-25 | 苏州瑞泰信息技术有限公司 | 一种h5适配app、微信、钉钉的技术方案 |
CN111783000A (zh) * | 2020-06-30 | 2020-10-16 | 中国工商银行股份有限公司 | 门户网站的静态化处理方法及装置 |
CN113242522A (zh) * | 2021-04-30 | 2021-08-10 | 中国银行股份有限公司 | 基于5g的远程手机银行操作指引方法、装置及系统 |
CN114780164A (zh) * | 2022-02-28 | 2022-07-22 | 深圳开源互联网安全技术有限公司 | 基于浏览器插件筛选网页信息的方法及系统 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184082A (zh) * | 2011-05-20 | 2011-09-14 | 广州市数字视频编解码技术国家工程实验室研究开发与产业化中心 | 一种基于双目视差原理的3d浏览器实现方法 |
US8635518B1 (en) * | 2011-07-21 | 2014-01-21 | Google Inc. | Methods and systems to copy web content selections |
CN104704485A (zh) * | 2012-07-19 | 2015-06-10 | 格兰斯电讯网络有限公司 | 协同浏览与其他形式的信息共享的集成 |
CN106897347A (zh) * | 2016-08-15 | 2017-06-27 | 阿里巴巴集团控股有限公司 | 一种网页展示方法、操作事件记录方法及装置 |
CN107656801A (zh) * | 2016-07-25 | 2018-02-02 | 武汉票据交易中心有限公司 | 一种基于事件的流程处理方法及系统 |
CN107766532A (zh) * | 2017-10-27 | 2018-03-06 | 深圳市行云易通科技有限公司 | 一种前端Node.js自动化正静态方法 |
-
2018
- 2018-04-09 CN CN201810312142.XA patent/CN108519903A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184082A (zh) * | 2011-05-20 | 2011-09-14 | 广州市数字视频编解码技术国家工程实验室研究开发与产业化中心 | 一种基于双目视差原理的3d浏览器实现方法 |
US8635518B1 (en) * | 2011-07-21 | 2014-01-21 | Google Inc. | Methods and systems to copy web content selections |
CN104704485A (zh) * | 2012-07-19 | 2015-06-10 | 格兰斯电讯网络有限公司 | 协同浏览与其他形式的信息共享的集成 |
CN107656801A (zh) * | 2016-07-25 | 2018-02-02 | 武汉票据交易中心有限公司 | 一种基于事件的流程处理方法及系统 |
CN106897347A (zh) * | 2016-08-15 | 2017-06-27 | 阿里巴巴集团控股有限公司 | 一种网页展示方法、操作事件记录方法及装置 |
CN107766532A (zh) * | 2017-10-27 | 2018-03-06 | 深圳市行云易通科技有限公司 | 一种前端Node.js自动化正静态方法 |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110069302A (zh) * | 2019-03-15 | 2019-07-30 | 平安普惠企业管理有限公司 | 页面配置方法、装置、计算机设备及存储介质 |
CN110647736A (zh) * | 2019-08-13 | 2020-01-03 | 平安科技(深圳)有限公司 | 插件式坐席系统登录方法、装置、计算机设备及存储介质 |
CN110674449A (zh) * | 2019-09-27 | 2020-01-10 | 中南大学 | 一种基于对象属性的Web页面请求方法 |
CN110674449B (zh) * | 2019-09-27 | 2022-02-01 | 中南大学 | 一种基于对象属性的Web页面请求方法 |
CN111708573A (zh) * | 2020-06-05 | 2020-09-25 | 苏州瑞泰信息技术有限公司 | 一种h5适配app、微信、钉钉的技术方案 |
CN111708573B (zh) * | 2020-06-05 | 2023-09-08 | 苏州瑞泰信息技术有限公司 | 一种h5适配自有app、微信、钉钉的系统 |
CN111783000A (zh) * | 2020-06-30 | 2020-10-16 | 中国工商银行股份有限公司 | 门户网站的静态化处理方法及装置 |
CN111783000B (zh) * | 2020-06-30 | 2023-08-08 | 中国工商银行股份有限公司 | 门户网站的静态化处理方法及装置 |
CN113242522A (zh) * | 2021-04-30 | 2021-08-10 | 中国银行股份有限公司 | 基于5g的远程手机银行操作指引方法、装置及系统 |
CN114780164A (zh) * | 2022-02-28 | 2022-07-22 | 深圳开源互联网安全技术有限公司 | 基于浏览器插件筛选网页信息的方法及系统 |
CN114780164B (zh) * | 2022-02-28 | 2023-04-25 | 深圳开源互联网安全技术有限公司 | 基于浏览器插件筛选网页信息的方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108519903A (zh) | 静态资源适配方法、装置、计算机设备及存储介质 | |
EP2151773B1 (en) | Synchronous to asynchronous web page conversion | |
CN101496000B (zh) | 通过web聚合的双向多主同步 | |
US9772929B2 (en) | System and method for automated testing of software applications with dynamic user interfaces spanning multiple technologies | |
CN103729285B (zh) | 一种网页测试方法、设备及系统 | |
CN101222349B (zh) | 收集web用户行为及性能数据的方法及系统 | |
US9524145B2 (en) | Rebuildable service-oriented applications | |
CN103268361B (zh) | 网页中隐藏url的提取方法、装置和系统 | |
CN103942136B (zh) | 日志统计策略配置方法和装置、日志统计方法和装置 | |
US8683046B2 (en) | Unified interface for configuring multiple networking technologies | |
US20050203764A1 (en) | Software development using visual interfaces | |
CN108255993A (zh) | 提取业务字段的方法、装置、电子设备及存储介质 | |
US20090083704A1 (en) | System and method for expediting information display | |
CN111081356A (zh) | 一种基于web进行流程管理的方法 | |
CN104133828A (zh) | 用于html文档的拖放剪贴板 | |
CN102884507A (zh) | 客户机应用程序和网页集成 | |
CN109885744A (zh) | 网页数据爬取方法、装置、系统、计算机设备及存储介质 | |
CN109634549A (zh) | 音频播放方法、音频播放器、计算机装置及可读存储介质 | |
CN110471716A (zh) | 在OA系统中非嵌入式使用Office的方法 | |
Oliveira et al. | Eliciting accessibility requirements an approach based on the NFR framework | |
CN110225076A (zh) | 文件交互方法、装置、电子设备及存储介质 | |
CN113704344A (zh) | 基于表单模板的数据备案方法、装置、设备及存储介质 | |
CN107608672A (zh) | 一种ui模块管理器、ui模块管理方法和系统 | |
Jelliffe | The XML and SGML Cookbook: recipes for structured information | |
Cisco | About This Guide |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180911 |
|
RJ01 | Rejection of invention patent application after publication |