一种页面展示方法、设备及介质与流程
未命名
07-22
阅读:91
评论:0
1.本说明书涉及网页技术领域,尤其涉及一种页面展示方法、设备及介质。
背景技术:
2.iframe是一种html标签,作用是文档中的文档,或者浮动的框架(frame)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
3.在前端开发领域,经常会使用iframe将其他web文档嵌入到当前文档中,iframe很适合第三方内容的承载,例如来自视频提供商的视频、评论系统、在线地图提供商,广告横幅等。
4.但是iframe存在的问题是历史记录不同步,在主页面嵌入iframe元素并且iframe页面的历史记录有变化的情况下,如果不刷新主页面,用户可以利用浏览器的前进、后退操作,跳转并显示历史记录中的iframe页面,但是如果刷新了主页面,则会丢失iframe元素的历史记录,也就是说,当刷新主页面之后,用户再操作浏览器的前进、后退等功能,只能显示主页面的跳转,无法实现iframe页面的跳转。因此,当主页面刷新之后,用户无法再利用前进、后退操作,跳转并显示完整的历史浏览页面。
技术实现要素:
5.本说明书一个或多个实施例提供了一种页面展示方法、设备及介质,用于解决如下技术问题:浏览器刷新之后,无法通过前进、回退操作,调整显示历史iframe页面。
6.本说明书一个或多个实施例提供一种页面展示方法,所述方法包括:当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;
7.向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;
8.所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;
9.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;
10.基于所述目标访问路径信息,显示所述已展示过的iframe页面。
11.进一步地,所述当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面,包括:
12.当用户在所述已展示过的iframe页面触发更新操作时,触发iframe页面的replacestate函数的调用请求;
13.基于所述replacestate函数的调用请求,获取更新后的iframe页面对应的当前访
问路径信息;
14.基于所述当前访问路径信息,显示所述更新后的iframe页面。
15.进一步地,所述主页面基于所述记录消息生成iframe页面历史记录信息,包括:
16.所述主页面基于所述记录消息,触发所述主页面的pushstate函数的调用请求;
17.基于所述pushstate函数的调用请求,生成iframe页面历史记录信息。
18.进一步地,所述当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息,包括:
19.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,获取所述操作对应的相对操作信息;
20.向所述主页面发送相对消息,所述相对消息包括所述当前访问路径信息和所述页面相对操作信息;
21.基于所述当前访问路径信息和所述页面相对访问路径信息,从所述历史记录中获取所述目标访问路径信息。
22.进一步地,基于所述目标访问路径信息,显示所述已展示过的iframe页面,包括:
23.当从所述所述历史记录中获取所述目标访问路径信息时,触发用于显示所述已展示过的iframe页面的popstate事件;
24.基于所述popstate事件显示所述已展示过的iframe页面。
25.进一步地,在所述触发用于显示所述已展示过的iframe页面的popstate事件之后,还包括:
26.向所述iframe页面发送同步消息,并基于所述同步消息在所述iframe页面触发popstate事件。
27.进一步地,还包括:
28.当用户在已展示过的主页面触发更新操作时,确定已展示过的主页面对应的第一访问路径信息,以及更新后的主页面对应的第二访问路径信息,并显示更新后的主页面;
29.所述主页面基于所述第一访问路径信息和所述第二访问路径信息,生成主页面历史记录信息;
30.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,获取所述操作对应的相对操作信息;
31.基于所述相对操作信息、所述当前路径信息和所述第二访问路径信息,从所述主页面历史记录信息和所述iframe页面历史记录信息中确定用户要访问的目标网页对应的访问路径信息;
32.基于所述目标网页对应的访问路径信息,显示已展示过的所述目标页面。
33.进一步地,还包括:
34.多条所述主页面历史记录信息和多条所述iframe页面历史记录信息,按照对应的接收时间顺序保存;
35.所述基于所述相对操作信息、所述当前路径信息和所述第二访问路径信息,从所述主页面历史记录信息和所述iframe页面历史记录信息中确定用户要访问的目标网页对应的访问路径信息,包括:
36.基于所述相对操作信息和所述接收时间顺序,确定当前用户操作对应的目标历史记录信息;
37.基于所述当前路径信息或者所述第二访问路径信息,从所述目标历史记录信息中确定目标网页对应的访问路径信息。
38.本说明书一个或多个实施例提供一种页面展示方法设备,包括:
39.至少一个处理器;以及,
40.与所述至少一个处理器通信连接的存储器;其中,
41.所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
42.当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;
43.向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;
44.所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;
45.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;
46.基于所述目标访问路径信息,显示所述已展示过的iframe页面。
47.本说明书一个或多个实施例提供的一种非易失性计算机存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为:
48.当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;
49.向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;
50.所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;
51.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;
52.基于所述目标访问路径信息,显示所述已展示过的iframe页面。
53.本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果:通过上述技术方案,通过主页面和iframe页面之间的通信,在iframe页面更新时,通过主页面生成iframe页面的历史记录,这样即使浏览器刷新之后,用户在进行前进、回退操作,可以通过主页面保存的iframe页面历史记录,显示历史iframe页面。
附图说明
54.为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。在附图中:
55.图1为本说明书实施例提供的一种页面展示方法的流程示意图;
56.图2为本说明书实施例提供的一种页面展示设备的结构示意图;
57.图3为本说明书实施例提供的一种主页面和iframe页面之间通信的示意图。
具体实施方式
58.为了使本技术领域的人员更好地理解本说明书中的技术方案,下面将结合本说明书实施例中的附图,对本说明书实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本说明书保护的范围。
59.iframe是一种html标签,作用是文档中的文档,或者浮动的框架(frame)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。
60.在前端开发领域,经常会使用iframe将其他web文档嵌入到当前文档中,iframe很适合第三方内容的承载,例如来自视频提供商的视频、评论系统、在线地图提供商,广告横幅等。
61.但是iframe存在的问题是历史记录不同步,在主页面嵌入iframe元素并且iframe页面的历史记录有变化的情况下,如果不刷新主页面,用户可以利用浏览器的前进、后退操作,跳转并显示历史记录中的iframe页面,但是如果刷新了主页面,则会丢失iframe元素的历史记录,也就是说,当刷新主页面之后,用户再操作浏览器的前进、后退等功能,只能显示主页面的跳转,无法实现iframe页面的跳转。因此,当主页面刷新之后,用户无法再利用前进、后退操作,跳转并显示完整的历史浏览页面。
62.本说明书实施例提供一种页面展示方法,需要说明的是,本说明书实施例中的执行主体一般是一种具备数据处理能力的设备。图1为本说明书实施例提供的一种页面展示方法的流程示意图,需要说明的是,本说明书实施例提供的方法通过主页面代理iframe页面的历史记录实现,主页面和iframe页面通信基于浏览器提供的postmessage方法实现,通常来说,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议、端口号以及主机时,这两个脚本才能相互通信,但是postmessage方法提供了一种受控机制来规避此限制,从而达到安全跨源通信的目的。如图1所示,方法主要包括如下步骤:
63.步骤s101,当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面。
64.在一个实施例中,所述当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面,具体可以包括如下步骤:
65.当用户在所述已展示过的iframe页面触发更新操作时,触发iframe页面的replacestate函数的调用请求;
66.基于所述replacestate函数的调用请求,获取更新后的iframe页面对应的当前访问路径信息;
67.基于所述当前访问路径信息,显示所述更新后的iframe页面。
68.其中,replacestate函数使用state、title和url作为参数,修改当前历史记录实体,可以通过更新当前的state对象或者当前历史实体的url来响应用户的的动作。
69.其中,url统一资源定位符(uniform resource locator,url)是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的url,它包含的信息指出文件的位置以及浏览器应该怎么处理它。在本发明方案中,访问路径信息可以是url。
70.步骤s102,向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息。
71.主页面和iframe页面通信基于浏览器提供的postmessage方法实现,具体的通信交互过程参见图3。
72.步骤s103,所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息。
73.在一个历史记录中,所述主页面基于所述记录消息生成iframe页面历史记录信息,包括:
74.所述主页面基于所述记录消息,触发所述主页面的pushstate函数的调用请求;
75.基于所述pushstate函数的调用请求,生成iframe页面历史记录信息。
76.其中,pushstate函数(即history.pushstate函数/方法)可以为用于添加浏览器历史记录的应用程序编程接口(application program interface,英文缩写api)。在实际应用中,pushstate函数通常可以接受state、title及url等三项参数,其中,state可以为一个与指定网址相关的状态对象,popstate事件触发时,该对象会传入回调函数。
77.replacestate函数的使用pushstate函数非常相似,区别在于replacestate函数是修改了当前的历史记录项而不是新建一个。
78.步骤s104,当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息。
79.在一个实施例中,该步骤包括:当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,获取所述操作对应的相对操作信息;
80.向所述主页面发送相对消息,所述相对消息包括所述当前访问路径信息和所述页面相对操作信息;
81.基于所述当前访问路径信息和所述页面相对访问路径信息,从所述历史记录中获取所述目标访问路径信息。
82.其中,相对操作信息用于分辨当前操作为前进操作、后退操作或者刷新操作。
83.在一个实施例中,用户还可以在主页面触发更新操作,并且当用户在已展示过的
主页面触发更新操作时,确定已展示过的主页面对应的第一访问路径信息,以及更新后的主页面对应的第二访问路径信息,并显示更新后的主页面;所述主页面基于所述第一访问路径信息和所述第二访问路径信息,生成主页面历史记录信息,多条所述主页面历史记录信息和多条所述iframe页面历史记录信息,按照对应的接收时间顺序保存。
84.当主页面既有主页面历史记录信息,又有iframe页面历史记录时,如果检测到用户触发前进控件、后退控件或者刷新控件,获取相对操作信息,确定要进行的是前进、后退还是刷新操作,然后基于所述相对操作信息和所述接收时间顺序,确定当前用户操作对应的目标历史记录信息;基于所述当前路径信息或者所述第二访问路径信息,从所述目标历史记录信息中确定目标网页对应的访问路径信息。
85.这样,用户既可以通过前进控件、回退控件、刷新控件更新历史iframe页面,又可以更新主页面。
86.步骤s105,基于所述目标访问路径信息,显示所述已展示过的iframe页面。
87.在一个实施例中基于所述目标访问路径信息,显示所述已展示过的iframe页面,具体可以包括如下步骤:
88.当从所述所述历史记录中获取所述目标访问路径信息时,触发用于显示所述已展示过的iframe页面的popstate事件;
89.基于所述popstate事件显示所述已展示过的iframe页面。
90.popstate事件会在点击后退、前进按钮(或调用history.back()、history.forwa rd()、history.go()方法)时触发。
91.在一个实施例汇中,在所述触发用于显示所述已展示过的iframe页面的popstate事件之后,还包括如下步骤:向所述iframe页面发送同步消息,并基于所述同步消息在所述iframe页面触发popstate事件。在主页面触发popstate事件,同时在iframe页面同步触发popstate事件,从而可以方便开发者进行iframe页面相关的开发活动。
92.通过上述技术方案,通过主页面和iframe页面之间的通信,在iframe页面更新时,通过主页面生成iframe页面的历史记录,这样即使浏览器刷新之后,用户在进行前进、回退操作,可以通过主页面保存的iframe页面历史记录,显示历史iframe页面。
93.本说明书实施例还提供一种页面展示方法设备,如图2所示,设备包括:至少一个处理器;以及,与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够:
94.当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;
95.向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;
96.所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;
97.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;
98.基于所述目标访问路径信息,显示所述已展示过的iframe页面。
99.本说明书实施例还提供一种非易失性计算机存储介质,存储有计算机可执行指令,计算机可执行指令设置为:
100.当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;
101.向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;
102.所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;
103.当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;
104.基于所述目标访问路径信息,显示所述已展示过的iframe页面。
105.本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、设备、非易失性计算机存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
106.上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
107.本说明书实施例提供的设备和介质与方法是一一对应的,因此,设备和介质也具有与其对应的方法类似的有益技术效果,由于上面已经对方法的有益技术效果进行了详细说明,因此,这里不再赘述设备和介质的有益技术效果。
108.本领域内的技术人员应明白,本说明书的实施例可提供为方法、系统、或计算机程序产品。因此,本说明书可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
109.本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
110.这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特
定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
111.这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
112.在一个典型的配置中,计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
113.内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(ram)和/或非易失性内存等形式,如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
114.计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
115.还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个
……”
限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
116.以上所述仅为本说明书的一个或多个实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书的一个或多个实施例可以有各种更改和变化。凡在本说明书的一个或多个实施例的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书的权利要求范围之内。
技术特征:
1.一种页面展示方法,其特征在于,所述方法包括:当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;基于所述目标访问路径信息,显示所述已展示过的iframe页面。2.根据权利要求1所述的一种页面展示方法,其特征在于,所述当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面,包括:当用户在所述已展示过的iframe页面触发更新操作时,触发iframe页面的replacestate函数的调用请求;基于所述replacestate函数的调用请求,获取更新后的iframe页面对应的当前访问路径信息;基于所述当前访问路径信息,显示所述更新后的iframe页面。3.根据权利要求2所述的一种页面展示方法,其特征在于,所述主页面基于所述记录消息生成iframe页面历史记录信息,包括:所述主页面基于所述记录消息,触发所述主页面的pushstate函数的调用请求;基于所述pushstate函数的调用请求,生成iframe页面历史记录信息。4.根据权利要求1所述的一种页面展示方法,其特征在于,所述当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息,包括:当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,获取所述操作对应的相对操作信息;向所述主页面发送相对消息,所述相对消息包括所述当前访问路径信息和所述页面相对操作信息;基于所述当前访问路径信息和所述页面相对访问路径信息,从所述历史记录中获取所述目标访问路径信息。5.根据权利要求4所述的一种页面展示方法,其特征在于,基于所述目标访问路径信息,显示所述已展示过的iframe页面,包括:当从所述所述历史记录中获取所述目标访问路径信息时,触发用于显示所述已展示过的iframe页面的popstate事件;基于所述popstate事件显示所述已展示过的iframe页面。
6.根据权利要求5所述的一种页面展示方法,其特征在于,在所述触发用于显示所述已展示过的iframe页面的popstate事件之后,还包括:向所述iframe页面发送同步消息,并基于所述同步消息在所述iframe页面触发popstate事件。7.根据权利要求1所述的一种页面展示方法,其特征在于,还包括:当用户在已展示过的主页面触发更新操作时,确定已展示过的主页面对应的第一访问路径信息,以及更新后的主页面对应的第二访问路径信息,并显示更新后的主页面;所述主页面基于所述第一访问路径信息和所述第二访问路径信息,生成主页面历史记录信息;当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,获取所述操作对应的相对操作信息;基于所述相对操作信息、所述当前路径信息和所述第二访问路径信息,从所述主页面历史记录信息和所述iframe页面历史记录信息中确定用户要访问的目标网页对应的访问路径信息;基于所述目标网页对应的访问路径信息,显示已展示过的所述目标页面。8.根据权利要求7所述的一种页面展示方法,其特征在于,包括:多条所述主页面历史记录信息和多条所述iframe页面历史记录信息,按照对应的接收时间顺序保存;所述基于所述相对操作信息、所述当前路径信息和所述第二访问路径信息,从所述主页面历史记录信息和所述iframe页面历史记录信息中确定用户要访问的目标网页对应的访问路径信息,包括:基于所述相对操作信息和所述接收时间顺序,确定当前用户操作对应的目标历史记录信息;基于所述当前路径信息或者所述第二访问路径信息,从所述目标历史记录信息中确定目标网页对应的访问路径信息。9.一种页面展示方法设备,其特征在于,所述设备包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的
iframe页面对应的目标访问路径信息;基于所述目标访问路径信息,显示所述已展示过的iframe页面。10.一种非易失性计算机存储介质,存储有计算机可执行指令,其特征在于,所述计算机可执行指令设置为:当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;向主页面发送记录消息,所述记录消息包含所述目标访问路径信息和所述当前访问路径信息;所述主页面基于所述记录消息生成iframe页面历史记录信息,所述iframe页面历史记录信息包括所述目标访问路径信息和所述当前访问路径信息;当检测到用户在针对浏览器前进控件、浏览器后退控件以及浏览器刷新控件中的任意一种的触发操作时,所述主页面基于所述iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;基于所述目标访问路径信息,显示所述已展示过的iframe页面。
技术总结
本说明书公开了一种页面展示方法、设备及介质,涉及网页技术领域,方法包括:当用户在已展示过的iframe页面触发更新操作时,确定已展示过的iframe页面对应的目标访问路径信息,以及更新后的iframe页面对应的当前访问路径信息,并显示更新后的iframe页面;向主页面发送记录消息,记录消息包含目标访问路径信息和当前访问路径信息;主页面基于记录消息生成iframe页面历史记录信息,iframe页面历史记录信息包括目标访问路径信息和当前访问路径信息;当检测到用户在针对浏览器前进控件、浏览器后退控件及浏览器刷新控件中的任意一种的触发操作时,主页面基于iframe页面历史记录信息,获取已展示过的iframe页面对应的目标访问路径信息;基于目标访问路径信息,显示已展示过的iframe页面。过的iframe页面。过的iframe页面。
技术研发人员:徐克龙 赵海兴 罗超 赵洋
受保护的技术使用者:浪潮卓数大数据产业发展有限公司
技术研发日:2023.04.24
技术公布日:2023/7/20
版权声明
本文仅代表作者观点,不代表航空之家立场。
本文系作者授权航家号发表,未经原创作者书面授权,任何单位或个人不得引用、复制、转载、摘编、链接或以其他任何方式复制发表。任何单位或个人在获得书面授权使用航空之家内容时,须注明作者及来源 “航空之家”。如非法使用航空之家的部分或全部内容的,航空之家将依法追究其法律责任。(航空之家官方QQ:2926969996)
飞行汽车 https://www.autovtol.com/
