基于动态锚点的页面跳转方法、装置、设备及介质与流程

文档序号:31716952发布日期:2022-10-04 22:09阅读:90来源:国知局
基于动态锚点的页面跳转方法、装置、设备及介质与流程

1.本发明涉及页面处理的技术领域,尤其涉及一种基于动态锚点的页面跳转方法、装置、设备及介质。


背景技术:

2.随着互联网的快速发展,应用程序上提供的办理业务种类越来越多,用户需要办理多个业务时,就需要在应用程序中访问越来越多的页面,或者在不同的浏览器中访问多个页面,在现有技术中,在跨业务办理或多业务办理时大部分在完成一个业务后需要不断点击返回,从而返回至首页或者集成若干业务入口的页面,再点击另一业务的入口,才可进入另一业务的办理,或者最小化当前浏览器后重新打开另一浏览器以重新加载另一业务的页面,因此,现有的方案操作繁冗,跨业务办理不便捷,导致办理业务效率低下。


技术实现要素:

3.本发明提供一种动态锚点跳转方法、装置、设备及介质,本技术实现了不同页面间或不同浏览器间的跳转,避免了需要多次操作才能跳转到目标页面,加快了获取目标页面内容的速度,提高了用户的操作体验和效率。
4.一种基于动态锚点的页面跳转方法包括:
5.获取来自当前页面的悬浮窗展示请求;所述悬浮窗展示请求包括悬浮窗参数和与所述当前页面对应的当前锚点标签;
6.通过锚点管理器获取至少一个历史浏览器,并基于所述当前锚点标签,查找与所述当前锚点标签关联的当前浏览器;一个所述当前浏览器关联一个所述当前锚点标签和若干个历史锚点标签;一个所述历史浏览器关联若干个历史锚点标签;
7.根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示;
8.接收来自所述悬浮窗的页面跳转请求;所述页面跳转请求为从所述当前浏览器或者所有所述历史浏览器中选取任一个所述历史锚点标签作为目标锚点标签所触发的请求;
9.通过所述锚点管理器从锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址;
10.通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面。
11.一种基于动态锚点的页面跳转装置包括:
12.获取模块,用于获取来自当前页面的悬浮窗展示请求;所述悬浮窗展示请求包括悬浮窗参数和与所述当前页面对应的当前锚点标签;
13.第一查找模块,用于通过锚点管理器获取至少一个历史浏览器,并基于所述当前锚点标签,查找与所述当前锚点标签关联的当前浏览器;一个所述当前浏览器关联一个所述当前锚点标签和若干个历史锚点标签;一个所述历史浏览器关联若干个历史锚点标签;
14.创建模块,用于根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示;
15.接收模块,用于接收来自所述悬浮窗的页面跳转请求;所述页面跳转请求为从所述当前浏览器或者所有所述历史浏览器中选取任一个所述历史锚点标签作为目标锚点标签所触发的请求;
16.第二查找模块,通过所述锚点管理器从锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址;
17.跳转模块,用于通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面。
18.一种计算机设备,包括存储器、处理器及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述基于动态锚点的页面跳转方法。
19.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述基于动态锚点的页面跳转方法。
20.本发明提供的基于动态锚点的页面跳转方法、装置、设备及介质,通过将所述当前页面的悬浮窗展示请求发送至锚点管理器,所述锚点管理器获取至少一个历史浏览器,并根据悬浮窗请求中的当前锚点标签,查找当前锚点标签关联的当前浏览器,根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示,接收来自所述悬浮窗的页面跳转请求,通过所述锚点管理器从锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址,通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面,如此,实现了锚点功能和页面的打锚点,解决了网页中锚点功能的耦合,实现了不同页面间或不同浏览器间的跳转,打破了只能在相邻两个页面间跳转的局限性,加快了对目标页面内容的获取速度,提高了用户的操作体验和效率。
附图说明
21.为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
22.图1是本发明一实施例中基于动态锚点的页面跳转方法的应用环境示意图;
23.图2是本发明一实施例中基于动态锚点的页面跳转方法的流程图;
24.图3是本发明一实施例中基于动态锚点的页面跳转方法的步骤s10的流程图;
25.图4是本发明一实施例中基于动态锚点的页面跳转方法的步骤s30的流程图;
26.图5是本发明一实施例中基于动态锚点的页面跳转方法的步骤s303的流程图;
27.图6是本发明另一实施例中基于动态锚点的页面跳转方法的步骤s30的流程图;
28.图7是本发明又一实施例中基于动态锚点的页面跳转方法的步骤s30的流程图;
29.图8是本发明一实施例中基于动态锚点的页面跳转方法的步骤s60的流程图;
30.图9是本发明一实施例中基于动态锚点的页面跳转装置的原理框图;
31.图10是本发明一实施例中计算机设备的示意图。
具体实施方式
32.下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
33.本发明提供的基于动态锚点的页面跳转方法,可应用在如图1的应用环境中,其中,客户端(计算机设备)通过网络与服务器进行通信。其中,客户端(计算机设备)包括但不限于为各种个人计算机、笔记本电脑、智能手机、平板电脑、摄像头和便携式可穿戴设备。服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
34.在一实施例中,如图2所示,提供一种基于动态锚点的页面跳转方法,其技术方案主要包括以下步骤s10-s60:
35.s10,获取来自当前页面的悬浮窗展示请求;所述悬浮窗展示请求包括悬浮窗参数和与所述当前页面对应的当前锚点标签。
36.可理解地,在客户端启动应用程序或者不同的浏览器中访问过至少两个以上的历史页面进行办理过程中,打开当前页面需要跨页面跳转时,通过点击按键或者触摸按键,以触发所述当前页面的悬浮窗展示请求,将所述悬浮窗展示请求发送至锚点管理器,所述悬浮窗展示请求包括所述悬浮窗参数和与所述当前页面对应的当前锚点标签,所述当前页面为当前在客户端显示的页面,所述悬浮窗参数为创建悬浮窗需要的数据,包括显示位置、显示大小、显示时间和显示边距等参数,所述当前锚点标签为当前页面的锚点标签,即通过锚点管理器对当前页面进行标识的标签。
37.在一实施例中,如图3所示,所述步骤s10之前,即所述获取来自当前页面的悬浮窗展示请求之前,包括:
38.s101,接收所述当前页面的锚点设置请求,并获取所述锚点设置请求中的所述当前页面地址和所述当前浏览器。
39.可理解地,在打开当前页面后,立刻触发当前页面设置锚点的请求,所述锚点设置请求为对每个打开或者访问的页面进行锚点设置所触发的请求,所述锚点设置请求包括所述当前页面的地址和所述当前所用的浏览器,所述当前页面地址为访问当前页面的url(uniform resource locator,统一资源定位器)地址或者网址,所述当前浏览器为打开当前页面所使用的页面浏览器或者应用程序中打开的页面浏览器。
40.s102,通过所述锚点管理器对所述当前页面地址进行锚点设置,得到与所述当前页面对应的所述当前锚点标签。
41.可理解地,所述锚点管理器为用于管理所有页面的锚点标签的管理工具,所述锚点管理器安装在客户端中的native端中进行管理,通过所述锚点管理器对所述当前页面在所述当前浏览器中的位置或者栈进行记录,同时对当前浏览器进行记录,所述锚点管理器在接到锚点设置请求后,根据获取到的所述当前页面在所述当前浏览器中的位置,进行锚点设置,即通过所述锚点管理器在native端中给所述当前页面赋予或者打上锚点标签,从而得到所述当前锚点标签,所述当前锚点标签为所述当前页面地址的锚点标签,所述锚点
标签为记录所述当前页面地址的唯一标识,锚点标签可以根据需求设置,比如数字、字母等等。
42.其中,所述native端为称为前端,是客户端中采用原生语音编写的界面操作端。
43.s103,通过所述锚点管理器将所述当前浏览器、所述当前页面地址和所述当前锚点标签关联插入所述锚点管理清单中。
44.可理解地,所述锚点管理器将获得的所述当前浏览器、所述当前页面地址以及所述当前页面地址对应的当前锚点标签进行关联,关联之后,插入到所述锚点管理器的锚点管理清单中,所述锚点管理清单为记录所有浏览器、页面地址和相应锚点的关联关系的集合,所述锚点管理清单包括至少一组关联数据的列表,所述关联数据为当前浏览器、当前页面地址以及当前锚点标签关联后的数据。
45.本发明实现了通过接收所述当前页面的锚点设置请求,并获取所述锚点设置请求中的所述当前页面地址和所述当前浏览器;通过所述锚点管理器对所述当前页面地址进行锚点设置,得到与所述当前页面对应的所述当前锚点标签;通过所述锚点管理器将所述当前浏览器、所述当前页面地址和所述当前锚点标签关联插入所述锚点管理清单中,如此,通过锚点管理器接收当前页面的锚点设置请求,获取与所述当前页面地址对应的当前锚点标签,并将所述当前浏览器、所述当前页面地址以及所述当前锚点标签进行关联,并插入管理清单中,实现了运用锚点管理器自动对所述当前锚点标签的设置,做到统一管理,为后续的页面跳转提供锚点基础,加快了后续对当前页面地址和当前锚点标签的查找,进一步提高了用户的操作体验满意度。
46.s20,通过锚点管理器获取至少一个历史浏览器,并基于所述当前锚点标签,查找与所述当前锚点标签关联的当前浏览器;一个所述当前浏览器关联一个所述当前锚点标签和若干个历史锚点标签;一个所述历史浏览器关联若干个历史锚点标签。
47.可理解地,在接收到悬浮窗展示请求后,所述锚点管理器会对所有使用过且未关闭或退出的历史浏览器进行获取和记录,所述锚点管理器根据悬浮窗展示请求中的所述当前锚点标签,从所述锚点管理清单中查找与所述当前锚点标签对应的浏览器,将查找到的浏览器记录为所述当前浏览器,其中,一个所述当前浏览器可以关联一个所述当前锚点标签和若干个历史锚点标签,一个所述历史浏览器可以关联若干个历史锚点标签,所述历史浏览器为之前使用过且未关闭或退出的浏览器,所述历史锚点标签为历史打开且未关闭或退出的页面所对应的已设置的锚点标签。
48.s30,根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示。
49.可理解地,所述创建悬浮窗的过程为通过所述锚点管理器在native端中进行建立,并基于所述当前浏览器和所有所述历史浏览器,生成悬浮窗申请请求;通过悬浮窗申请请求转换成创建悬浮窗的请求语句,再结合所述悬浮窗参数创建出相应的悬浮窗的过程,其中,结合所述悬浮窗参数的过程包含对所述悬浮窗参数进行解析,解析出与所述悬浮窗参数对应的页面位置,从而将创建后的悬浮窗在相应的页面位置上显示。
50.其中,所述悬浮窗参数可以为在触发所述悬浮窗展示请求所弹出与悬浮窗有关的参数的输入的窗口所输入的参数,也可以为应用程序或者系统管理器提供的默认悬浮窗参数,所述默认悬浮窗参数为所述系统管理器已经设置完成的悬浮窗参数,所述系统管理器
为客户端对各应用程序软件进行管理的管理工具。
51.在一实施例中,如图4所示,所述步骤s30中,即根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示,包括:
52.s301,通过所述锚点管理器基于所述当前浏览器和所有所述历史浏览器,生成悬浮窗申请请求。
53.可理解地,通过所述锚点管理器根据所述当前浏览器和所有所述历史浏览器,生成创建悬浮窗的申请请求,所述生成的过程为收集所述当前浏览器所对应的应用标识和各所述历史浏览器所对应的应用标识,所述应用标识为在系统管理器中区别各个应用程序或者浏览器的唯一标识,将收集到的所有应用标识融合入一个请求的过程,通过所述锚点管理器向所述系统管理器申请创建悬浮窗的权限,将所述悬浮窗申请请求发送到系统管理器进行鉴权处理。
54.s302,通过系统管理器对所述悬浮窗申请请求进行鉴权处理,得到权限结果。
55.可理解地,所述系统管理器在接收到所述锚点管理器发送的悬浮窗申请请求后,对所述悬浮窗申请请求进行权限判断,并得到与权限判断对应的权限结果,所述鉴权处理为对所述悬浮窗申请请求进行判断,即是否允许所述页面创建悬浮窗,所述鉴权处理还包括所述当前浏览器可否显示悬浮窗的权限,以及通过悬浮窗访问所述当前浏览器和所有所述历史浏览器并允许浏览器间跳转的权限,所述系统管理器包括但并不限于安卓系统下的系统管理器、ios系统下的系统管理器。
56.s303,根据所述权限结果和所述悬浮窗参数,创建所述悬浮窗,并在与所述悬浮窗参数对应的页面位置上显示。
57.可理解地,所述权限结果为可授权的浏览器清单,当某一浏览器为不被允许通过悬浮窗访问时,即该浏览器不在已授权的浏览器清单中,当所述权限结果为允许建立所述当前页面的悬浮窗且鉴权完所有浏览器之后,根据所述悬浮窗参数中显示位置、显示大小、显示边距和显示时间等参数和所述当前页面的锚点标签,创建相应的悬浮窗,所述悬浮窗包含已授权的浏览器清单中的各浏览器,并根据所述悬浮窗参数中的显示位置,将悬浮窗界面展示在对应的页面位置上,此时,只要点击悬浮窗就可以实现页面跳转,其中,也可以使用所述系统管理器提供的默认悬浮窗参数创建悬浮窗,并将悬浮窗展示在默认参数中显示位置对应的页面位置上。
58.本发明实现了通过所述锚点管理器基于所述当前浏览器和所有所述历史浏览器,生成悬浮窗申请请求;通过系统管理器对所述悬浮窗申请请求进行鉴权处理,得到权限结果;根据所述权限结果和所述悬浮窗参数,创建所述悬浮窗,并在与所述悬浮窗参数对应的页面位置上显示,如此,对创建悬浮窗权限的判断,防止所述当前浏览器是未授权的浏览器,给系统管理器造成损害,实现了通过悬浮窗进行不同页面间跳转以及不同浏览器间的跳转,加快了对目标页面内容的获取速度,提高了用户的操作体验和获取信息的效率。
59.在一实施例中,如图5所示,所述步骤s303中,即根据所述权限结果和所述悬浮窗参数,创建所述悬浮窗,并在与所述悬浮窗参数对应的页面位置上显示,包括:
60.s3031,根据所述权限结果中已授权的当前浏览器所关联的所述历史锚点标签,生成跨页面锚点清单。
61.可理解地,所述权限结果为可授权的浏览器清单,根据所述已授权的所述当前浏
览器,在所述锚点管理器的所述锚点管理清单中查找与其对应的且关联的除所述当前锚点标签以外的所述历史锚点标签,将查找到的所述历史锚点标签进行整理,生成可以跨越不同页面的锚点清单,所述跨页面锚点清单为与所述当前浏览器所关联的除所述当前锚点标签以外的所有所述历史锚点标签的列表。
62.其中,所述当前锚点标签可以包括在所述锚点管理清单中,用于在所述目标页面中创建所述当前页面的悬浮窗,不需要对所述当前页面设置锚点,当需要对所述当前页面内容进行查看时,可以直接从所述锚点管理清单中找到所述当前锚点标签,根据所述当前锚点标签,找到所述当前浏览器和所述当前页面地址,创建相应的悬浮窗,当跳转到其他浏览器后,也可以从所述锚点管理清单中找到所述当前锚点标签,根据所述当前锚点标签,找到所述当前浏览器和所述当前页面地址,在其他浏览器的页面中创建相应的悬浮窗,用于跳转至所述当前页面。
63.s3032,根据所述权限结果中已授权的历史浏览器所关联的所述历史锚点标签,生成跨浏览器锚点清单。
64.可理解地,所述权限结果为所述历史浏览器在已授权的浏览器清单中,根据已授权的历史浏览器,在所述锚点管理器中查找与其对应的且关联的所述历史锚点标签,将查找到的所述历史锚点标签进行整理,生成可以跨越不同浏览器的锚点清单,所述跨浏览器锚点清单为与所述历史浏览器所关联的所有所述历史锚点标签的列表。
65.s3033,基于所述悬浮窗参数,在所述当前页面上生成空白悬浮窗。
66.可理解地,在获得所述跨页面锚点清单和所述跨浏览器锚点清单后,根据所述悬浮窗参数,在所述当前页面上创建空白的悬浮窗,所述空白悬浮窗为不包括跨页面锚点清单和跨浏览器锚点清单的悬浮窗。
67.s3034,将所述跨页面锚点清单和所述跨浏览器锚点清单插入所述空白悬浮窗中,得到所述悬浮窗。
68.可理解地,在创建空白悬浮窗后,将得到的所述跨页面锚点清单和所述跨浏览器锚点清单,插入到创建的空白悬浮窗中,得到所述悬浮窗,所述悬浮窗为可以实现跨页面和跨浏览器功能的悬浮窗。
69.本发明实现了通过根据所述权限结果中已授权的当前浏览器所关联的所述历史锚点标签,生成跨页面锚点清单;根据所述权限结果中已授权的历史浏览器所关联的所述历史锚点标签,生成跨浏览器锚点清单;基于所述悬浮窗参数,在所述当前页面上生成空白悬浮窗;将所述跨页面锚点清单和所述跨浏览器锚点清单插入所述空白悬浮窗中,得到所述悬浮窗,如此,通过悬浮窗进行不同页面间或不同浏览器间跳转,打破了不能跨浏览器跳转的局限性,加快了对目标页面内容的获取速度,提高了用户的操作体验和获取信息的效率。
70.在一实施例中,如图6所示,所述步骤s30之后,即创建悬浮窗并显示之后,包括:
71.s304,接收隐藏请求,对所述悬浮窗进行隐藏处理,得到隐藏图标。
72.可理解地,在创建悬浮窗完成之后,可以选择对所述悬浮窗进行隐藏,向所述锚点管理器发送隐藏请求,接收到对所述悬浮窗隐藏的申请请求后,对所述悬浮窗进行隐藏处理,得到处理后的隐藏图标,所述隐藏图标用于切换至所述悬浮窗,所述隐藏处理为对所述悬浮窗通过修改所述悬浮窗参数,将所述悬浮窗的显示位置、显示大小、显示边距等参数进
行修改,得到隐藏图标,所述隐藏图标可以在当前页面进行拖动、移动或者靠页面的边框对齐。
73.s305,接收来自所述隐藏图标的显示请求,将所述隐藏图标切换至所述悬浮窗,并显示切换后的悬浮窗。
74.可理解地,在所述悬浮窗在隐藏之后,为了能让所述悬浮窗重新显示出来,向所述锚点管理器发送显示请求,接收到对所述隐藏图标的显示请求后,对所述隐藏图标进行显示处理,将所述隐藏图标切换至悬浮窗,所述显示请求包含位置坐标,通过将该位置坐标修改悬浮窗显示的位置,将悬浮窗重新悬浮在该位置坐标所对应的页面位置上,所述修改可以重新改变成与之前一样的数据,也可以改变成与之前不一样的数据,还可以采用所述系统管理器默认的悬浮窗参数,从而实现悬浮窗隐藏和显示的功能。
75.本发明通过接收隐藏请求,对所述悬浮窗进行隐藏处理,得到隐藏图标;接收来自所述隐藏图标的显示请求,将所述隐藏图标切换至所述悬浮窗,并显示切换后的悬浮窗,如此,实现了对悬浮窗的隐藏和显示,实现了对不常使用的所述悬浮窗的隐藏和显示,使所述当前页面上的所述悬浮窗的排列更加整洁,提高了用户的操作体验。
76.另一实施例中,如图7所示,所述步骤s30之后,即创建悬浮窗并显示之后,还包括:
77.s306,接收来自所述当前页面的后退请求,获取与所述后退请求对应的后退页面地址。
78.可理解地,在创建悬浮窗之后,所述当前页面发出后退请求,请求返回后退页面,将所述后退请求发送至所述锚点管理器,所述锚点管理器在接收到后退请求后,对与所述后退请求对应的后退页面地址从所述当前浏览器的历史栈中进行获取,所述历史栈记录了当前浏览器中访问的过程,从而可获得所述后退页面地址。
79.s307,加载并渲染所述后退页面地址,得到后退页面。
80.可理解地,所述锚点管理器获取与所述后退页面地址对应的页面数据,对所述页面数据进行加载处理,即对所述页面数据进行解析,将解析后的结果进行处理,得到待渲染数据,对所述待渲染数据进行渲染处理,最终得到与所述后退页面地址对应的所述后退页面,所述待渲染页面数据为所有与所述后退页面相关的可见元素及其渲染信息,所述加载为对所述页面数据进行解析,根据所述解析结果构建dom树和cssom树的操作过程,所述渲染为将构建的dom树和cssom树进行合并生成渲染树,对该渲染树进行布局及渲染至显示屏幕的操作过程。
81.s308,对所述后退页面进行锚点设置,得到与所述后退页面对应的后退锚点标签。
82.可理解地,在得到所述后退页面后,所述锚点管理器对所述后退页面进行锚点设置,根据得到的所述后退页面地址给所述后退页面打上锚点标签,得到与所述后退页面对应的所述后退锚点标签,所述后退页面为当前页面发出后退请求要回到的页面,所述后退锚点标签为与所述后退页面对应的锚点标签,所述后退页面地址为所述后退页面的url地址。
83.s309,根据所述后退锚点标签,对所述悬浮窗进行更新,得到与所述后退页面对应的悬浮窗。
84.可理解地,在得到所述后退页面的锚点标签后,要对所述当前的悬浮窗进行更新,将所述当前页面的悬浮窗切换成与所述后退页面对应的悬浮窗,使与所述后退页面对应的
悬浮窗悬浮在对应的页面位置上,得到与所述后退页面对应的悬浮窗,所述更新过程为得到所述后退锚点标签后,将所述当前锚点标签从所述锚点管理清单中进行清除,将所述后退锚点标签代替所述当前锚点标签,从而对所述锚点管理清单进行刷新,进而实现对所述悬浮窗进行更新切换,其中,从所述当前锚点标签的设置到所述当前锚点标签进行清除,所述当前锚点标签存在的时间称为锚点标签的生命周期。
85.本发明实现了通过接收来自所述当前页面的后退请求,获取与所述后退请求对应的后退页面地址;加载并渲染所述后退页面地址,得到后退页面;对所述后退页面进行锚点设置,得到与所述后退页面对应的后退锚点标签;根据所述后退锚点标签,对所述悬浮窗进行更新,得到与所述后退页面对应的悬浮窗,如此,通过对后退锚点标签的进行设置,实现了跨越不同的页面,避免了用户多次点击才能返回所述后退页面,加快了对所述后退页面内容的获取速度,提高了用户的操作体验。
86.s40,接收来自所述悬浮窗的页面跳转请求;所述页面跳转请求为从所述当前浏览器或者所有所述历史浏览器中选取任一个所述历史锚点标签作为目标锚点标签所触发的请求。
87.可理解地,当需要进行页面跳转时,点击目标页面的悬浮窗,发送所述悬浮窗的页面跳转请求,所述锚点管理器在接收到所述悬浮窗的页面跳转请求后,对所述页面跳转请求中的目标锚点标签进行处理,所述页面跳转请求为从所述当前浏览器或者所有所述历史浏览器中选取任一个所述历史锚点标签作为目标锚点标签所触发的请求,其中,所述当前浏览器和所有所述历史浏览器都对应若干个历史锚点标签,在进行页面跳转时,可以选择任意一个历史锚点标签作为目标标签,并由该目标标签触发页面跳转请求。
88.s50,通过所述锚点管理器从锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址。
89.可理解地,所述锚点管理器从所述锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,将所述历史页面地址确定为与所述目标页面对应的目标页面地址,其中,所述锚点管理器在native端中对所述历史页面地址进行获取,并确定为所述目标页面。
90.s60,通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面。
91.可理解地,在得到所述目标页面地址后,对所述目标页面地址对应的页面数据进行获取,所述锚点管理器要对所述页面数据进行加载与渲染,得到所述目标页面,点击所述悬浮窗,从所述当前页面跳转到所述目标页面,其中,对悬浮窗进行点击,所述点击的处理过程是在native端中进行跳转处理的,所述加载为对与所述页面数据进行解析,根据所述目标页面数据构建dom(document object model,文档对象模型)树和cssom(cascading style sheets object model,层叠样式表对象模型)树的操作过程,所述渲染为将构建的dom树和cssom树进行合并生成渲染树,对该渲染树进行布局及渲染至显示屏幕的操作过程。
92.本发明实现了通过将所述当前页面的悬浮窗展示请求发送至锚点管理器,所述锚点管理器获取至少一个历史浏览器,并根据悬浮窗请求中的当前锚点标签,查找当前锚点标签关联的当前浏览器,根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示,接收来自所述悬浮窗的页面跳转请求,通过所述锚点管理器从锚点管理
清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址,通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面,如此,实现了锚点功能和页面的打锚点,解决了网页中锚点功能的耦合,实现了不同页面间的跳转以及不同浏览器间的跳转,打破了只能在相邻两个页面间跳转的局限性,加快了对目标页面内容的获取速度,提高了用户的操作体验和效率。
93.在一实施例中,如图8所示,所述步骤s60中,即通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面,包括:
94.s601,获取与所述目标页面地址对应的页面数据。
95.可理解地,所述锚点管理器在得到所述目标页面地址后,从客户端中的缓存或者本地存储中获取与所述目标页面地址对应的页面数据,所述页面数据为显示页面所涉及的数据。
96.s602,对所述目标页面地址对应的页面数据进行加载,得到待渲染数据。
97.可理解地,将所述页面数据通过所述锚点管理器进行加载处理,得到待渲染数据,所述待渲染数据为所有与所述目标页面相关的可见元素及其渲染信息,所述加载为根据不同的编码进行解码,通过词法分析将所述页面数据解析为一个个词语(token),所述词法分析通过html的分词器完成,使用xss auditor(xss审核员)来进行词语验证及过滤,主要是出于安全方面的考虑,在经过xss auditor过滤之后,由html的解释器调用方法构建dom节点,根据所有所述dom节点构建出dom树以及cssom树,在所述dom树和所述与cssom树构建完成后,浏览器会将两者进行结合,生成渲染树,即为所述待渲染页面数据。
98.s603,对所述待渲染数据进行渲染,生成目标页面,并从所述当前页面跳转值所述目标页面。
99.可理解地,所述锚点管理器在对所述待渲染数据进行渲染,生成与所述目标页面地址对应的所述目标页面,根据所述待渲染目标页面数据中的样式及设备的屏幕尺寸,计算每个元素的坐标和大小,最终生成所述目标页面,并在客户端的显示界面上显示所述目标页面。
100.本发明实现了通过获取与所述目标页面地址对应的页面数据;对所述目标页面地址对应的页面数据进行加载,得到待渲染数据;对所述待渲染数据进行渲染,生成目标页面,并从所述当前页面跳转值所述目标页面吗,如此,达到不同页面间的跳转,打破了不能跨页面或跨浏览器跳转的局限性,进一步加快了对所述目标页面内容的获取速度,提升用户的操作体验。
101.在一实施例中,所述步骤s60之后,即从所述当前页面跳转显示基于所述页面数据渲染的目标页面之后,包括:
102.s70,接收所述目标页面的悬浮窗展示请求,从所述目标页面跳转所述当前页面。
103.可理解地,在从所述当前页面跳转到所述目标页面后,对所述目标页面的内容进行查看记录,当需要返回所述当前页面时,需要对所述当前页面重新进行锚点设置,接收所述目标页面的悬浮窗展示请求,所述悬浮窗展示请求包括悬浮窗参数和对应的锚点标签,并重新根据悬浮窗参数、当前浏览器、所有历史浏览器,创建与所述当前页面对应的悬浮
窗,点击与所述当前页面对应的悬浮窗,返回所述当前页面继续查看当前页面内容,如此,本发明实现了连续在两个页面间进行跳转,方便了用户同时对所述当前页面和所述目标页面的内容进行查看,进一步提高了用户的操作体验。
104.在一实施例中,所述步骤s60之后,即从所述当前页面跳转显示基于所述页面数据渲染的目标页面之后,包括:
105.s80,所述当前页面进行跳转时,所述当前锚点标签经过其他锚点标签跳转所述目标页面,所述锚点管理器将所述其他锚点标签从所述锚点管理清单中清除。
106.可理解地,在进行页面跳转时,使用一个锚点就可以跳转到所述悬浮窗对应的页面,但在建立多个锚点标签后,会出现在进行跳转时,要经过另一个锚点标签或多个锚点标签才能返回所述当前页面,此时,所述锚点管理器对所述锚点管理清单中的当前锚点标签经过的其他锚点标签进行清除,如此,本发明实现了对无用的锚点标签进行处理,减少了锚点管理清单中存储的锚点,加快了页面跳转时的跳转速度和对所述锚点标签的查找速度。
107.在一实施例中,提供一种基于动态锚点的页面跳转装置,该基于动态锚点的页面跳转装置与上述实施例中基于动态锚点的页面跳转方法一一对应。如图9所示,该基于动态锚点的页面跳转装置包括获取模块11、第一查找模块12、创建模块13、接收模块14、第二查找模块15和跳转模块16。各功能模块详细说明如下:
108.获取模块11,用于获取来自当前页面的悬浮窗展示请求;所述悬浮窗展示请求包括悬浮窗参数和与所述当前页面对应的当前锚点标签;
109.第一查找模块12,用于通过锚点管理器获取至少一个历史浏览器,并基于所述当前锚点标签,查找与所述当前锚点标签关联的当前浏览器;一个所述当前浏览器关联一个所述当前锚点标签和若干个历史锚点标签;一个所述历史浏览器关联若干个历史锚点标签;
110.创建模块13,用于根据所述悬浮窗参数、所述当前浏览器和所有所述历史浏览器,创建悬浮窗并显示;
111.接收模块14,用于接收来自所述悬浮窗的页面跳转请求;所述页面跳转请求为从所述当前浏览器或者所有所述历史浏览器中选取任一个所述历史锚点标签作为目标锚点标签所触发的请求;
112.第二查找模块15,通过所述锚点管理器从锚点管理清单中查找与所述目标锚点标签对应的历史页面地址,并将查找到的所述历史页面地址确定为目标页面地址;
113.跳转模块16,用于通过所述锚点管理器加载与所述目标页面地址对应的页面数据,并从所述当前页面跳转显示基于所述页面数据渲染的目标页面。
114.关于基于动态锚点的页面跳转装置的具体限定可以参见上文中对于基于动态锚点的页面跳转方法的限定,在此不再赘述。上述基于动态锚点的页面跳转装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
115.在一个实施例中,提供了一种计算机设备,该计算机设备可以是客户端或者服务端,其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机
设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有操作系统、计算机程序和数据库。该内存储器为可读存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种基于动态锚点的页面跳转方法。
116.在一个实施例中,提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现上述实施例中基于动态锚点的页面跳转方法。
117.在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述实施例中基于动态锚点的页面跳转方法。
118.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限,ram以多种形式可得,诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。
119.所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将所述装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。
120.以上所述实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围,均应包含在本发明的保护范围之内。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1