CN113468450A - 一种页面控制方法及装置 - Google Patents
一种页面控制方法及装置 Download PDFInfo
- Publication number
- CN113468450A CN113468450A CN202110762939.1A CN202110762939A CN113468450A CN 113468450 A CN113468450 A CN 113468450A CN 202110762939 A CN202110762939 A CN 202110762939A CN 113468450 A CN113468450 A CN 113468450A
- Authority
- CN
- China
- Prior art keywords
- page
- address information
- embedded
- updated
- target
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Abstract
本公开提供了一种页面控制方法及装置,该方法首先展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;然后,在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;最后,响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。本公开实施例能够实现刷新页面后仍能够跳转至当前浏览的第二嵌入页面,改善用户体验。
Description
技术领域
本公开涉及计算机技术领域,具体而言,涉及一种页面控制方法及装置。
背景技术
iframe是一种超文本标记语言(Hyper Text Markup Language,HTML)标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。<iframe>标签规定一个内联框架,一个内联框架被用来在当前HTML文档中嵌入另一个文档。通过iframe,能够实现在网页中嵌入另一个网页,这种方式在单页面应用(single-page application,SPA)中得到了广泛的应用。
然而,在iframe的实际应用中,在用户进行页面刷新操作后,由于一些iframe是动态加载的,刷新前的iframe与刷新后的iframe并不是同一个iframe,导致iframe的浏览记录丢失,使得iframe中的页面在刷新页面后会跳转回最初的初始页面。
发明内容
本公开实施例至少提供一种页面控制方法及装置。
第一方面,本公开实施例提供了一种页面控制方法,包括:
展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
一种可选的实施方式中,所述将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息,包括:
将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;
所述从更新后的所述第一地址信息中提取所述第二地址信息,包括:
从更新后的所述第一地址信息中提取所述附加查询参数,以提取的所述附加查询参数作为第二地址信息。
一种可选的实施方式中,得到更新后的第一地址信息之后,所述方法还包括:
将所述更新后的第一地址信息添加至浏览器的浏览历史记录中;
从更新后的所述第一地址信息中提取所述第二地址信息之前,所述方法还包括:
从所述浏览器的浏览历史记录中提取当前历史记录,以提取的当前历史记录作为所述更新后的第一地址信息。
一种可选的实施方式中,所述方法还包括:
响应于历史页面跳转指令,从所述浏览器的浏览历史记录中提取与所述历史页面跳转操作对应的更新后的第一地址信息;
从所述更新后的第一地址信息中提取所述附加查询参数,以提取的附加查询参数作为第二地址信息;
基于所述第二地址信息加载所述第二嵌入页面,展示包含所述第二嵌入页面的目标页面。
一种可选的实施方式中,所述方法还包括:
监测在所述第一嵌入页面跳转时的浏览历史记录更新操作;
当监测到所述浏览历史记录更新操作为添加操作时,将所述添加操作修改为替换操作。
一种可选的实施方式中,所述历史页面跳转指令包括页面前进指令和页面后退指令中的至少一种。
一种可选的实施方式中,所述将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息,包括:
将所述第二地址以及所述第一嵌入页面的嵌入页面容器的标识信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;其中,所述标识信息用于确定刷新所述目标页面后,从所述至少一个嵌入页面容器中确定所述第一嵌入页面所对应的目标嵌入页面容器。
第二方面,本公开实施例还提供一种页面控制装置,包括:
展示模块,用于展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
添加模块,用于在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
控制模块,用于响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
一种可选的实施方式中,所述添加模块在将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息时,具体用于:
将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;
所述控制模块在从更新后的所述第一地址信息中提取所述第二地址信息时,具体用于:
从更新后的所述第一地址信息中提取所述附加查询参数,以提取的所述附加查询参数作为第二地址信息。
一种可选的实施方式中,所述添加模块还用于:
将所述更新后的第一地址信息添加至浏览器的浏览历史记录中;
所述控制模块还用于:
从所述浏览器的浏览历史记录中提取当前历史记录,以提取的当前历史记录作为所述更新后的第一地址信息。
一种可选的实施方式中,所述控制模块还用于:
响应于历史页面跳转指令,从所述浏览器的浏览历史记录中提取与所述历史页面跳转操作对应的更新后的第一地址信息;
从所述更新后的第一地址信息中提取所述附加查询参数,以提取的附加查询参数作为第二地址信息;
基于所述第二地址信息加载所述第二嵌入页面,展示包含所述第二嵌入页面的目标页面。
一种可选的实施方式中,所述装置还包括监测模块,用于:
监测在所述第一嵌入页面跳转时的浏览历史记录更新操作;
当监测到所述浏览历史记录更新操作为添加操作时,将所述添加操作修改为替换操作。
一种可选的实施方式中,所述历史页面跳转指令包括页面前进指令和页面后退指令中的至少一种。
一种可选的实施方式中,所述添加模块具体用于:
将所述第二地址以及所述第一嵌入页面的嵌入页面容器的标识信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;其中,所述标识信息用于确定刷新所述目标页面后,从所述至少一个嵌入页面容器中确定所述第一嵌入页面所对应的目标嵌入页面容器。
第三方面,本公开实施例还提供一种电子设备,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行上述第一方面,或第一方面中任一种可能的实施方式中的步骤。
第四方面,本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述第一方面,或第一方面中任一种可能的实施方式中的步骤。
本公开实施例提供的页面控制方法及装置,首先展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;然后,在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;最后,响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
本公开实施例通过将嵌入页面的浏览记录添加至目标页面的第一地址信息中,并在刷新页面时调用更新后的第一地址信息中添加的第二地址信息,实现刷新页面后仍能够跳转至当前浏览的第二嵌入页面,改善用户体验。
为使本公开的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本公开实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,此处的附图被并入说明书中并构成本说明书中的一部分,这些附图示出了符合本公开的实施例,并与说明书一起用于说明本公开的技术方案。应当理解,以下附图仅示出了本公开的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本公开实施例所提供的一种页面控制方法的流程图;
图2示出了本公开实施例所提供的另一种页面控制方法的流程图;
图3示出了本公开实施例所提供的一种页面控制装置的示意图;
图4示出了本公开实施例所提供的一种电子设备的示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本公开实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本公开的实施例的详细描述并非旨在限制要求保护的本公开的范围,而是仅仅表示本公开的选定实施例。基于本公开的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本公开保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
本文中术语“和/或”,仅仅是描述一种关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合,例如,包括A、B、C中的至少一种,可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。
经研究发现,在iframe的实际应用中,在用户进行页面刷新操作后,由于一些iframe是动态加载的,刷新前的iframe与刷新后的iframe并不是同一个iframe,导致iframe的浏览记录丢失,使得iframe中的页面在刷新页面后会跳转回最初的初始页面。
基于上述研究,本公开提供了一种页面控制方法及装置,通过将嵌入页面的浏览记录添加至目标页面的第一地址信息中,并在刷新页面时调用更新后的第一地址信息中添加的第二地址信息,实现刷新页面后仍能够跳转至当前浏览的第二嵌入页面,改善用户体验。
为便于对本实施例进行理解,首先对本公开实施例所公开的一种页面控制方法进行详细介绍,本公开实施例所提供的页面控制方法的执行主体一般为具有一定计算能力的计算机设备,该计算机设备例如包括:终端设备或服务器或其它处理设备。在一些可能的实现方式中,该页面控制方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
参见图1所示,为本公开实施例提供的页面控制方法的流程图,所述方法包括步骤S101~S103,其中:
S101、展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息。
其中,目标页面可以为单页面应用(single-page application,SPA),单页面应用是一种特殊的Web应用,将所有活动局限于目标页面中,目标页面可以含有至少一个嵌入页面容器,嵌入页面容器中的嵌入页面可以进行跳转,嵌入页面容器可以为iframe,其加载方式可以为动态加载,第一嵌入页面可以为加载目标页面后嵌入页面容器中展示的初始页面。
其中,目标页面的第一地址信息可以为统一资源定位器(Uniform ResourceLocator,url),形如“www.abc.com/a”。
S102、在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息。
该步骤中,用户可以点击第一嵌入页面中的链接进行页面跳转,可以从第一嵌入页面跳转至链接对应的第二嵌入页面,在检测到第一嵌入页面发生页面跳转时,可以获取到第二嵌入页面的第二地址信息,将其添加至第一地址信息中,从而使更新后的第一地址信息中包含第二地址信息,以便在刷新后保留嵌入页面的浏览历史。
一种可能的实施方式中,可以通过以下步骤得到更新后的第一地址信息:
将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;
其中,附加查询参数是结构为地址的查询参数,查询参数是URL地址的一种参数,又称查询字符串,指在URL的末尾加上用于向服务器发送信息的字符串(变量)。将“?”放在URL的末尾,然后再加上“参数=值”,想加上多个参数的话,使用“&”。以这个形式,可以将想要发送给服务器的数据添加到URL中。由于第二地址信息是第二嵌入页面的地址,作为查询参数,其对目标页面的服务器是无意义的,因此不影响目标页面展示的内容。
具体的,若第一地址信息原本没有附加任何查询参数,则可以将其作为查询参数添加至第一地址信息中,若第一地址信息原本具有一个或多个查询参数,则可以使用追加的方式,利用“&”将第二地址信息添加至第一地址信息中。
S103、响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
该步骤中,在检测到页面刷新指令后,可以从第一地址信息中提取出第二地址信息,然后基于第二地址信息加载第二嵌入页面,使刷新目标页面后嵌入页面容器中展示的仍然为第二嵌入页面。
这里,页面刷新指令是针对目标页面的,将会刷新当前展示的目标页面,其中,页面刷新指令可以是用户输入的,用户可以通过操作浏览器中的刷新按钮,或快捷键等方式调用刷新功能,重新加载目标页面。
通常,重新加载目标页面后,由于嵌入页面容器是动态加载的,嵌入页面容器中的浏览记录会丢失,导致嵌入页面容器中展示的页面会从当前的第二嵌入页面跳转至初始的第一嵌入页面。
因此,需要预先将第二地址信息添加至第一地址信息中,然后,在刷新目标界面时从第一地址信息中读取出第二地址信息,并控制嵌入页面容器根据第二地址信息加载第二页面,从而实现刷新页面后仍然展示刷新之前的页面。
具体的,可以从更新后的第一地址信息中提取附加查询参数,检测附加查询参数中是否存在地址信息,将附加查询参数中的地址信息作为第二地址信息,然后根据第二地址信息进行第二嵌入页面的加载。
进一步的,在将第二地址信息添加至第一地址信息中后,更新后的第一地址信息与更新前的第一地址信息本质上为两个不同的地址,因此,可以将更新后的第一地址信息添加至浏览器的浏览历史记录中,此时,浏览历史记录中就会包括更新前的第一地址信息以及更新后的第一地址信息。
一种可能的实施方式中,在从更新后的第一地址信息中提取第二地址信息之前,可以先确定页面刷新指令对应的地址,即当前展示的页面的地址,可以从浏览器的浏览历史记录中提取当前历史记录,并将当前历史记录作为更新后的第一地址信息,然后利用提取到的更新后的第一地址信息进行页面的刷新。
通常,在将目标页面刷新后,由于iframe重新动态加载,导致的嵌入页面浏览历史丢失,其对应的前进、后退功能也会失效,在页面刷新后,前进、后退功能虽然能够使地址发生变化,但浏览器无法识别重新动态加载后的iframe,嵌入页面容器中展示的嵌入页面不会发生变化,仍然停留在初始展示的第一嵌入页面,为了解决上述问题,可以通过以下步骤控制页面展示的内容:
响应于历史页面跳转指令,从所述浏览器的浏览历史记录中提取与所述历史页面跳转操作对应的更新后的第一地址信息;
从所述更新后的第一地址信息中提取所述附加查询参数,以提取的附加查询参数作为第二地址信息;
基于所述第二地址信息加载所述第二嵌入页面,展示包含所述第二嵌入页面的目标页面。
其中,历史页面跳转指令可以为针对上述更新后的第一地址信息的跳转指令,包括页面前进指令、页面后退指令中的至少一种,当检测到历史页面跳转指令时,可以从浏览器的浏览历史记录中提取出于历史也秒跳转指令对应的地址,即上述更新后的第一地址信息。
在提取到更新后的第一地址信息后,可以提取上述更新后的第一地址信息中的附加查询参数,然后检测附加查询参数中的地址信息,得到上述第二地址信息,并基于得到的第二地址信息加载第二嵌入界面,展示包含第二嵌入页面的目标页面。
这里,需要注意的是,由于目标页面为单页面应用,实际上目标页面本身并没有跳转至其他地址,发生页面跳转的是嵌入页面,在响应于页面刷新指令、历史页面跳转指令时,浏览器可以通过重新加载或利用缓存实现一次原地跳转,再控制嵌入页面的跳转。
通常,在嵌入页面发生跳转时,浏览器也会生成相应的浏览历史记录,但在刷新后这些浏览历史记录就会失效,在应用上述实施例的过程中,这些嵌入页面的浏览历史记录与更新后的第一地址信息同时存在,会影响到前进、后退等指令的正常运作,因此,可以通过以下步骤对嵌入页面跳转生成的浏览历史记录进行处理:
监测在所述第一嵌入页面跳转时的浏览历史记录更新操作;
当监测到所述浏览历史记录更新操作为添加操作时,将所述添加操作修改为替换操作。
其中,浏览历史记录更新操作可以包括添加操作及替换操作,具体的,浏览历史记录更新实际上是通过预设的方法函数对浏览器的history对象进行更新,上述添加操作可以为通过pushState方法向history对象中添加一个新的地址,替换操作可以为通过replaceState方法将history对象中当前的浏览历史记录替换为跳转至的地址,也即,通过添加操作,会生成新的浏览历史记录,通过替换操作,会将当前的浏览历史记录替换为跳转后的地址,不会产生新的浏览记录。
该步骤中,在检测到第一嵌入页面跳转时的浏览历史记录更新操作为添加操作时,可以将上述添加操作修改为替换操作,使其不生成新的浏览历史记录,从而避免对历史页面跳转指令产生影响。
这里,上述修改为替换操作的步骤还可以应用于嵌入页面容器中其他页面跳转。
在具体实施中,可以通过软件开发工具包(Software Development Kit,SDK)来实现对第一地址信息更新及浏览历史记录更新操作检测及修改的操作,在第一嵌入页面跳转至第二嵌入页面时,可以通过SDK将第二地址信息发送给目标页面所在的母平台,当响应于页面刷新指令及历史页面跳转操作时,再将提取到的第二地址信息发送给嵌入页面容器,完成页面跳转。
在目标页面中存在多个嵌入页面容器的情况下,可以将第一嵌入页面的嵌入页面容器的标识信息与第二地址信息一同作为附加查询参数添加至第一地址信息中,得到更新后的第一地址信息,从而使母平台在发送第二地址到嵌入页面容器时,找到第一嵌入页面对应的目标嵌入页面容器。
本公开实施例提供的页面控制方法,首先展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;然后,在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;最后,响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
本公开实施例通过将嵌入页面的浏览记录添加至目标页面的第一地址信息中,并在刷新页面时调用更新后的第一地址信息中添加的第二地址信息,实现刷新页面后仍能够跳转至当前浏览的第二嵌入页面,改善用户体验。
参见图2所示,为本公开实施例提供的另一种页面控制方法,用户先打开浏览器并输入目标页面的链接提交访问请求,浏览器根据输入的链接加载目标页面的母平台页面,然后加载嵌入网页(iframe,嵌入页面容器),嵌入母平台的网页进行加载和渲染,展示页面A(上述第一嵌入页面),用户在看到展示的页面A后,可以点击页面A的详情按钮(跳转链接),对页面B(上述第二嵌入页面)进行访问,此时利用replaceState方法(替换操作)切换页面,并利用postMessage api将页面B的第二地址信息发送至母平台,母平台接收到第二地址信息后监控到iframe站点页面的切换行为,将第二地址信息(嵌入网页切换页面后的url)添加到浏览器当前的url(第一地址信息)的查询参数上,在换至页面B后,用户可以点击浏览器的刷新按钮,浏览器重新加载目标页面的母平台页面,并读取当前浏览器url上的查询参数,发现页面B的url(上述附加查询参数),并通过加载及渲染,展示页面B,使得用户看到页面B;在用户点击浏览器的后退/前进按钮后,母平台监听到浏览器的后退/前进行为,读取后退/前进行为对应的浏览历史记录上的url的查询参数,发现页面A的url,则可以直接访问页面A,进行加载和渲染,用户看到页面A。
本领域技术人员可以理解,在具体实施方式的上述方法中,各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定,各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。
基于同一发明构思,本公开实施例中还提供了与页面控制方法对应的页面控制装置,由于本公开实施例中的装置解决问题的原理与本公开实施例上述页面控制方法相似,因此装置的实施可以参见方法的实施,重复之处不再赘述。
参照图3所示,为本公开实施例提供的一种页面控制装置的示意图,所述装置包括:
展示模块310,用于展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
添加模块320,用于在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
控制模块330,用于响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
一种可选的实施方式中,所述添加模块320在将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息时,具体用于:
将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;
所述控制模块330在从更新后的所述第一地址信息中提取所述第二地址信息时,具体用于:
从更新后的所述第一地址信息中提取所述附加查询参数,以提取的所述附加查询参数作为第二地址信息。
一种可选的实施方式中,所述添加模块320还用于:
将所述更新后的第一地址信息添加至浏览器的浏览历史记录中;
所述控制模块330还用于:
从所述浏览器的浏览历史记录中提取当前历史记录,以提取的当前历史记录作为所述更新后的第一地址信息。
一种可选的实施方式中,所述控制模块330还用于:
响应于历史页面跳转指令,从所述浏览器的浏览历史记录中提取与所述历史页面跳转操作对应的更新后的第一地址信息;
从所述更新后的第一地址信息中提取所述附加查询参数,以提取的附加查询参数作为第二地址信息;
基于所述第二地址信息加载所述第二嵌入页面,展示包含所述第二嵌入页面的目标页面。
一种可选的实施方式中,所述装置还包括监测模块,用于:
监测在所述第一嵌入页面跳转时的浏览历史记录更新操作;
当监测到所述浏览历史记录更新操作为添加操作时,将所述添加操作修改为替换操作。
一种可选的实施方式中,所述历史页面跳转指令包括页面前进指令和页面后退指令中的至少一种。
一种可选的实施方式中,所述添加模块320具体用于:
将所述第二地址以及所述第一嵌入页面的嵌入页面容器的标识信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;其中,所述标识信息用于确定刷新所述目标页面后,从所述至少一个嵌入页面容器中确定所述第一嵌入页面所对应的目标嵌入页面容器。
关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明,这里不再详述。
对应于图1中的页面控制方法,本公开实施例还提供了一种电子设备400,如图4所示,为本公开实施例提供的电子设备400结构示意图,包括:
处理器41、存储器42、和总线43;存储器42用于存储执行指令,包括内存421和外部存储器422;这里的内存421也称内存储器,用于暂时存放处理器41中的运算数据,以及与硬盘等外部存储器422交换的数据,处理器41通过内存421与外部存储器422进行数据交换,当所述电子设备400运行时,所述处理器41与所述存储器42之间通过总线43通信,使得所述处理器41执行以下指令:
展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述方法实施例中所述的页面控制方法的步骤。其中,该存储介质可以是易失性或非易失的计算机可读取存储介质。
本公开实施例还提供一种计算机程序产品,该计算机程序产品承载有程序代码,所述程序代码包括的指令可用于执行上述方法实施例中所述的页面控制方法的步骤,具体可参见上述方法实施例,在此不再赘述。
其中,上述计算机程序产品可以具体通过硬件、软件或其结合的方式实现。在一个可选实施例中,所述计算机程序产品具体体现为计算机存储介质,在另一个可选实施例中,计算机程序产品具体体现为软件产品,例如软件开发包(Software Development Kit,SDK)等等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统和装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。在本公开所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上所述实施例,仅为本公开的具体实施方式,用以说明本公开的技术方案,而非对其限制,本公开的保护范围并不局限于此,尽管参照前述实施例对本公开进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本公开揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本公开实施例技术方案的精神和范围,都应涵盖在本公开的保护范围之内。因此,本公开的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种页面控制方法,其特征在于,包括:
展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
2.根据权利要求1所述的方法,其特征在于,所述将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息,包括:
将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;
所述从更新后的所述第一地址信息中提取所述第二地址信息,包括:
从更新后的所述第一地址信息中提取所述附加查询参数,以提取的所述附加查询参数作为第二地址信息。
3.根据权利要求1或2所述的方法,其特征在于,得到更新后的第一地址信息之后,所述方法还包括:
将所述更新后的第一地址信息添加至浏览器的浏览历史记录中;
从更新后的所述第一地址信息中提取所述第二地址信息之前,所述方法还包括:
从所述浏览器的浏览历史记录中提取当前历史记录,以提取的当前历史记录作为所述更新后的第一地址信息。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于历史页面跳转指令,从所述浏览器的浏览历史记录中提取与所述历史页面跳转操作对应的更新后的第一地址信息;
从所述更新后的第一地址信息中提取所述附加查询参数,以提取的附加查询参数作为第二地址信息;
基于所述第二地址信息加载所述第二嵌入页面,展示包含所述第二嵌入页面的目标页面。
5.根据权利要求2至4任一所述的方法,其特征在于,所述方法还包括:
监测在所述第一嵌入页面跳转时的浏览历史记录更新操作;
当监测到所述浏览历史记录更新操作为添加操作时,将所述添加操作修改为替换操作。
6.根据权利要求4所述的方法,其特征在于,所述历史页面跳转指令包括页面前进指令和页面后退指令中的至少一种。
7.根据权利要求2所述的方法,其特征在于,所述将所述第二地址信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息,包括:
将所述第二地址以及所述第一嵌入页面的嵌入页面容器的标识信息作为附加查询参数添加至所述目标页面的第一地址信息中,得到更新后的第一地址信息;其中,所述标识信息用于确定刷新所述目标页面后,从所述至少一个嵌入页面容器中确定所述第一嵌入页面所对应的目标嵌入页面容器。
8.一种页面控制装置,其特征在于,包括:
展示模块,用于展示目标页面;所述目标页面中包含至少一个嵌入页面容器;所述嵌入页面容器用于展示嵌入页面;所述目标页面具有第一地址信息;
添加模块,用于在检测到所述目标页面中的第一嵌入页面发生页面跳转的情况下,获取跳转后的第二嵌入页面的第二地址信息,将所述第二地址信息添加至所述第一地址信息中,得到更新后的第一地址信息;
控制模块,用于响应于页面刷新指令,从更新后的所述第一地址信息中提取所述第二地址信息,基于所述第二地址信息加载所述第二嵌入页面,展示包含刷新后的第二嵌入页面的目标页面。
9.一种电子设备,其特征在于,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过总线通信,所述机器可读指令被所述处理器执行时执行如权利要求1至7任一所述的页面控制方法的步骤。
10.一种计算机可读存储介质,其特征在于,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行如权利要求1至7任意一项所述的页面控制方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110762939.1A CN113468450A (zh) | 2021-07-06 | 2021-07-06 | 一种页面控制方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110762939.1A CN113468450A (zh) | 2021-07-06 | 2021-07-06 | 一种页面控制方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113468450A true CN113468450A (zh) | 2021-10-01 |
Family
ID=77878551
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110762939.1A Pending CN113468450A (zh) | 2021-07-06 | 2021-07-06 | 一种页面控制方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113468450A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115167730A (zh) * | 2022-05-20 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 页面处理方法、装置及电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104714980A (zh) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | 页面嵌套路径确定方法及装置 |
CN106201562A (zh) * | 2015-04-30 | 2016-12-07 | 深圳市腾讯计算机系统有限公司 | 一种页面切换方法及装置 |
CN109885781A (zh) * | 2019-02-27 | 2019-06-14 | 百度在线网络技术(北京)有限公司 | 混合页面统一浏览方法、装置、设备和存储介质 |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
-
2021
- 2021-07-06 CN CN202110762939.1A patent/CN113468450A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104714980A (zh) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | 页面嵌套路径确定方法及装置 |
CN106201562A (zh) * | 2015-04-30 | 2016-12-07 | 深圳市腾讯计算机系统有限公司 | 一种页面切换方法及装置 |
CN109885781A (zh) * | 2019-02-27 | 2019-06-14 | 百度在线网络技术(北京)有限公司 | 混合页面统一浏览方法、装置、设备和存储介质 |
CN110209966A (zh) * | 2019-04-15 | 2019-09-06 | 优信拍(北京)信息科技有限公司 | 一种网页刷新方法、网页系统及电子设备 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115167730A (zh) * | 2022-05-20 | 2022-10-11 | 阿里巴巴(中国)有限公司 | 页面处理方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10726195B2 (en) | Filtered stylesheets | |
CN110263275B (zh) | 一种访问网页的方法、装置、移动终端和存储介质 | |
US20140143644A1 (en) | Web browser page transition acceleration | |
CN106294658B (zh) | 网页快速展示方法和装置 | |
CN110209966B (zh) | 一种网页刷新方法、网页系统及电子设备 | |
EP3273362A1 (en) | Webpage access method, apparatus, device and non-volatile computer storage medium | |
US9747117B2 (en) | System and methods for loading an application and its modules in a client device | |
CN106533926B (zh) | 一种网页信息传播方法以及装置 | |
CN108595697B (zh) | 网页集成方法、装置及系统 | |
CN106470360B (zh) | 一种视频播放器调用方法及装置 | |
CN106202368B (zh) | 预加载方法和装置 | |
CN111079048B (zh) | 一种页面加载方法及装置 | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN110866202A (zh) | 一种前端分页的方法及装置、可读存储介质 | |
CN113468450A (zh) | 一种页面控制方法及装置 | |
CN108664191B (zh) | 系统访问方法及装置 | |
CN113076501A (zh) | 一种页面处理方法、存储介质及设备 | |
EP1204030A1 (en) | Extending hypermedia documents by adding tagged attributes | |
US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
CN115186207A (zh) | 加载页面资源的方法及装置、电子设备 | |
CN114168875A (zh) | 一种页面程序的生成方法、装置、计算机设备及存储介质 | |
CN116009935B (zh) | 一种js状态管理方法、装置、设备及介质 | |
CN116521288A (zh) | 一种信息处理方法、装置、设备及计算机可读存储介质 | |
CN114741149A (zh) | 单页应用的页面切换方法及装置、存储介质和电子设备 | |
TWI610183B (zh) | 植基於ajax技術於控管網頁共通部分之運作系統 |
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 |