一种页面展示方法、装置及设备制造方法及图纸

本说明书实施例中公开了一种页面展示方法、装置及设备。该方案可以包括：在前期展示网页处的iframe元素中的目标页面的过程中，根据目标页面的第二访问路径信息对该网页的第一访问路径信息进行修改，从而利用该网页去根据该网页的修改后访问路径信息生成目标浏览器历史记录信息，而不再利用iframe元素去生成浏览器历史记录信息，以避免网页与iframe元素共用浏览器历史记录信息。后续，当用户使用浏览器的前进、后退及刷新功能，去基于浏览器历史记录信息展示目标页面时，可以根据该目标浏览器历史记录信息对应的该网页的修改后访问路径信息，去恢复出目标页面的访问路径信息，以基于该目标页面的访问路径信息去在该网页的iframe元素中展示目标页面。iframe元素中展示目标页面。iframe元素中展示目标页面。

【技术实现步骤摘要】
一种页面展示方法、装置及设备


[0001]本申请涉及网页
，尤其涉及一种页面展示方法、装置及设备。

技术介绍

[0002]iframe元素是一种超文本标记语言(Hyper Text Markup Language，英文缩写HTML)标签，iframe元素可以用于创建包含另外一个文档的内联框架(即行内框架)。由于利用iframe元素可以便捷地在HTML文档(例如，网页)中嵌入另一个文档，因此，得到了广泛应用。不过，由于网页及iframe元素会共用浏览器历史记录信息，并且iframe元素在页面刷新后会重置，从而容易导致浏览器的前进、后退及刷新等功能失效，影响页面展示过程中的用户体验。
[0003]基于此，如何在保障浏览器功能正常运行的基础上，利用网页中的iframe元素去便捷地展示页面，成为了亟待解决的技术问题。

技术实现思路

[0004]本说明书实施例提供的一种页面展示方法、装置及设备，可以在保障浏览器功能正常运行的基础上，利用网页中的iframe元素去便捷地展示页面。
[0005]为解决上述技术问题，本说明书实施例是这样实现的：
[0006]本说明书实施例提供的一种页面展示方法，包括：
[0007]获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求；
[0008]响应于所述页面展示请求，根据目标浏览器历史记录信息，确定所述目标页面的访问路径信息；其中，所述目标浏览器历史记录信息是在所述目标页面的历史展示过程中根据所述网页的修改后访问路径信息生成的，所述修改后访问路径信息用于反映所述网页的第一访问路径信息以及所述目标页面的第二访问路径信息；
[0009]根据所述目标页面的访问路径信息，在所述网页处的所述iframe元素中展示所述目标页面。
[0010]本说明书实施例提供的一种页面展示方法装置，包括：
[0011]第一获取模块，用于获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求；
[0012]访问路径确定模块，用于响应于所述页面展示请求，根据目标浏览器历史记录信息，确定所述目标页面的访问路径信息；其中，所述目标浏览器历史记录信息是在所述目标页面的历史展示过程中根据所述网页的修改后访问路径信息生成的，所述修改后访问路径信息用于反映所述网页的第一访问路径信息以及所述目标页面的第二访问路径信息；
[0013]页面展示模块，用于根据所述目标页面的访问路径信息，在所述网页处的所述iframe元素中展示所述目标页面。
[0014]本说明书实施例提供的一种页面展示设备，包括：
[0015]至少一个处理器；以及，
[0016]与所述至少一个处理器通信连接的存储器；其中，
[0017]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：
[0018]获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求；
[0019]响应于所述页面展示请求，根据目标浏览器历史记录信息，确定所述目标页面的访问路径信息；其中，所述目标浏览器历史记录信息是在所述目标页面的历史展示过程中根据所述网页的修改后访问路径信息生成的，所述修改后访问路径信息用于反映所述网页的第一访问路径信息以及所述目标页面的第二访问路径信息；
[0020]根据所述目标页面的访问路径信息，在所述网页处的所述iframe元素中展示所述目标页面。
[0021]本说明书中提供的至少一个实施例能够实现以下有益效果：
[0022]在历史展示网页处的iframe元素中的目标页面的过程中，通过根据目标页面的第二访问路径信息对该网页的第一访问路径信息进行修改，以生成该网页的修改后访问路径信息，由于该网页的修改后访问路径信息可以用于反映该第一访问路径信息以及该第二访问路径信息，从而可以利用该网页去根据该网页的修改后访问路径信息生成目标浏览器历史记录信息，而不再利用iframe元素去生成浏览器历史记录信息，以避免网页与iframe元素共用浏览器历史记录信息。后续，当用户使用浏览器的前进、后退及刷新等功能，去基于该目标浏览器历史记录信息再次展示该目标页面时，可以根据该目标浏览器历史记录信息对应的该网页的修改后访问路径信息，去恢复出目标页面的访问路径信息，进而根据该目标页面的访问路径信息在该网页处的iframe元素中展示该目标页面，从而在保障浏览器的前进、后退及刷新功能正常运行的基础上，去利用网页中的iframe元素便捷地展示页面。
附图说明
[0023]为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0024]图1为本说明书实施例提供的一种页面展示方法的流程示意图；
[0025]图2为本说明书实施例提供的一种网页处的iframe元素中的目标页面的示意图；
[0026]图3为本说明书实施例提供的对应于图1中的页面展示方法的泳道流程示意图；
[0027]图4为本说明书实施例提供的对应于图1的一种页面展示装置的结构示意图；
[0028]图5为本说明书实施例提供的对应于图1的一种页面展示设备的结构示意图。
具体实施方式
[0029]为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书的一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书一个或多个实施例保护的范围。
[0030]以下结合附图，详细说明本说明书各实施例提供的技术方案。
[0031]现有技术中，由于在使用原生的iframe元素去在网页中展示其他网站或系统处的页面的过程中，不仅可能会针对该网页生成一条浏览器历史记录信息(history)，还可能会针对iframe元素生成其他浏览器历史记录信息(history)，从而使得网页及iframe元素会共用浏览器历史记录信息，容易导致用户后续无法利用浏览器的前进、后退等功能实现完整的历史浏览页面的跳转，因此，在使用iframe元素的过程中可能会存在浏览器的前进、后退等功能失效的问题。
[0032]除此之外，由于用户在使用浏览器的刷新功能对网页进行刷新后，该网页处的iframe元素的统一资源定位符信息(uniform resource locator，英文缩写URL)会进行重置，从而无法继续展示该iframe元素在网页刷新之前正在展示的页面内容，导致用户在使用iframe元素的过程中可能会存在浏览器的刷新功能失效的问题。
[003本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面展示方法，包括：获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求；响应于所述页面展示请求，根据目标浏览器历史记录信息，确定所述目标页面的访问路径信息；其中，所述目标浏览器历史记录信息是在所述目标页面的历史展示过程中根据所述网页的修改后访问路径信息生成的，所述修改后访问路径信息用于反映所述网页的第一访问路径信息以及所述目标页面的第二访问路径信息；根据所述目标页面的访问路径信息，在所述网页处的所述iframe元素中展示所述目标页面。2.如权利要求1所述的方法，所述获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求之前，还包括：获取针对已展示的所述目标页面的浏览器历史记录生成请求；响应于所述浏览器历史记录生成请求，根据所述目标页面的第二访问路径信息，对所述网页的第一访问路径信息进行修改，得到所述网页的修改后访问路径信息；根据所述网页的修改后访问路径信息，生成所述目标浏览器历史记录信息。3.如权利要求2所述的方法，所述响应于所述浏览器历史记录生成请求，根据所述目标页面的第二访问路径信息，对所述网页的第一访问路径信息进行修改，得到所述网页的修改后访问路径信息，具体包括：获取所述网页的统一资源定位符信息；获取所述目标页面相对于所述网页的相对路径信息以及所述目标页面的路径参数信息；对所述网页的统一资源定位符信息、所述相对路径信息及所述路径参数信息进行拼接，得到所述网页的修改后访问路径信息。4.如权利要求2所述的方法，所述获取针对已展示的所述目标页面的浏览器历史记录生成请求，具体包括：检测所述目标页面针对pushState函数的第一调用请求；所述根据所述网页的修改后访问路径信息，生成所述目标浏览器历史记录信息，具体包括：利用所述网页生成携带有所述修改后访问路径信息的针对所述pushState函数的第二调用请求；响应于所述第二调用请求，根据所述修改后访问路径信息，生成所述目标浏览器历史记录信息。5.如权利要求1所述的方法，所述页面展示请求是所述用户通过针对浏览器前进控件、浏览器后退控件及浏览器刷新控件中的任意一种执行触发操作而生成的请求。6.如权利要求5所述的方法，所述获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求，具体包括：检测用于展示所述目标页面的popState事件；或者，检测用于展示所述目标页面的beforeunload事件。7.如权利要求5所述的方法，所述根据所述目标页面的访问路径信息，在所述网页处的所述iframe元素中展示所述目标页面，具体包括：
若所述网页处具有已创建的所述iframe元素，则销毁所述已创建的所述iframe元素；根据所述目标页面的访问路径信息，创建用于展示所述目标页面的新增iframe元素。8.如权利要求7所述的方法，所述根据所述目标页面的访问路径信息，创建用于展示所述目标页面的新增iframe元素，具体包括：在利用所述新增iframe元素展示从所述目标页面的访问路径信息处获取的页面信息的过程中，使用MutationObserver接口与ResizeObserver接口，确定所述页面信息的目标展示尺寸；将所述目标展示尺寸设置为所述新增iframe元素的展示尺寸。9.如权利要求8所述的方法，所述将所述目标展示尺寸设置为所述新增iframe元素的展示尺寸之后，还包括：检测所述目标页面针对scrollTo函数的第三调用请求；确定所述第三调用请求中携带的页面滚动参数；利用所述网页按照所述页面滚动参数执行页面滚动操作。10.如权利要求9所述的方法，所述利用所述网页按照所述页面滚动参数执行页面滚动操作，具体包括：利用postMessage函数发送所述页面滚动参数至所述网页；利用所述网页生成携带有所述页面滚动参数的针对所述scrollTo函数的第四调用请求。11.一种页面展示方法装置，包括：第一获取模块，用于获取用户针对网页处的iframe元素中展示过的目标页面的页面展示请求；访问路径确定模块，用于响应于所述页面展示请求，根据目标浏览器历史记录信息，...

【专利技术属性】
技术研发人员：邹佳桐，
申请(专利权)人：支付宝杭州信息技术有限公司，
类型：发明
国别省市：