CN113220396B - 一种嵌入页面管理方法和装置、电子设备、存储介质 - Google Patents

一种嵌入页面管理方法和装置、电子设备、存储介质 Download PDF

Info

Publication number
CN113220396B
CN113220396B CN202110512583.6A CN202110512583A CN113220396B CN 113220396 B CN113220396 B CN 113220396B CN 202110512583 A CN202110512583 A CN 202110512583A CN 113220396 B CN113220396 B CN 113220396B
Authority
CN
China
Prior art keywords
page
uniform resource
resource locator
change information
embedded
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.)
Active
Application number
CN202110512583.6A
Other languages
English (en)
Other versions
CN113220396A (zh
Inventor
熊正祥
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202110512583.6A priority Critical patent/CN113220396B/zh
Publication of CN113220396A publication Critical patent/CN113220396A/zh
Application granted granted Critical
Publication of CN113220396B publication Critical patent/CN113220396B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/3003Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/3051Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computing Systems (AREA)
  • Quality & Reliability (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开关于一种嵌入页面管理方法和装置、电子设备、存储介质,涉及计算机技术领域,能够保证嵌入页面独立的同时使得容器页面反映出嵌入页面的变化情况。该方法包括:监听并获取第一页面的统一资源定位器变化信息;在确定第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息调整第一页面的统一资源定位器;第二页面为嵌入第一页面的页面;在确定第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器。

Description

一种嵌入页面管理方法和装置、电子设备、存储介质
技术领域
本公开实施例涉及计算机技术领域,尤其涉及一种嵌入页面管理方法和装置、电子设备、存储介质。
背景技术
随着信息化的发展以及计算机技术和互联网技术的普及,用户在对互联网进行使用时,大多数都会有多种不同的业务需求,而不同的业务往往都会在不同的页面上展示相关内容,不利于用户的使用。所以在实际应用中,为了便捷地在第一页面中显示第二页面的内容,以方便用户使用,目前采用iframe将第二页面嵌入至第一页面中。但是这种方案中,无法在保证第二页面独立的同时使得第一页面反映出第二页面的变化情况,也就使得一旦第二页面独立则用户无法对第二页面进行回退操作,而一旦第二页面不独立,则又会导致第一页面在反映第二页面的变化情况时造成第二页面的重复渲染。
发明内容
本公开关于一种嵌入页面管理方法和装置、电子设备、存储介质,能够保证嵌入页面独立的同时使得容器页面反映出嵌入页面的变化情况。
为达到上述目的,本公开实施例采用如下技术方案:
第一方面,提供一种嵌入页面管理方法,该方法包括:监听并获取第一页面的统一资源定位器变化信息;在确定第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息调整第一页面的统一资源定位器;第二页面为嵌入第一页面的页面;在确定第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器。
可选的,该方法还包括:获取目标变量;目标变量至少用于存储第二页面最新的统一资源定位器;根据目标变量确定统一资源定位器变化信息与第二页面是否存在关联;
确定第一页面的统一资源定位器变化信息与第二页面存在关联,包括:若统一资源定位器变化信息为目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面存在关联;
确定第一页面的统一资源定位器变化信息与第二页面不存在关联,包括:若统一资源定位器变化信息不为目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面不存在关联。
可选的,根据统一资源定位器变化信息调整第一页面的统一资源定位器,包括:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器。
可选的,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器,包括:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器,以得到第一页面的目标统一资源定位器;根据目标统一资源定位器中对应第二页面的数据,通过第二预设修改函数修改第二页面的统一资源定位器。
可选的,该方法还包括:在第二页面的统一资源定位器产生变化时,将第二页面变化后的统一资源定位器存入目标变量中。
第二方面,提供一种嵌入页面管理装置,该装置包括监听模块和处理模块。其中,监听模块,被配置为监听并获取第一页面的统一资源定位器统一资源定位器变化信息;处理模块,被配置为在确定监听模块获取的第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息调整第一页面的统一资源定位器;第二页面为嵌入第一页面的页面;处理模块还被配置为在确定监听模块获取的第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器。
可选的,监听模块,还被配置为获取目标变量;目标变量至少用于存储第二页面最新的统一资源定位器;处理模块还用于根据监听模块获取的目标变量确定监听模块获取的统一资源定位器变化信息与第二页面是否存在关联;处理模块具体用于:若监听模块获取的统一资源定位器变化信息为监听模块获取的目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面存在关联;若监听模块获取统一资源定位器变化信息不为监听模块获取目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面不存在关联。
可选的,处理模块在确定监听模块获取的第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,具体用于:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器。
可选的,处理模块在确定监听模块获取的第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,具体用于:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器,以得到第一页面的目标统一资源定位器;根据目标统一资源定位器中对应第二页面的数据,通过第二预设修改函数修改第二页面的统一资源定位器。
可选的,还包括存储模块;存储模块,被配置为在第二页面的统一资源定位器产生变化时,将第二页面变化后的统一资源定位器存入目标变量中。
第三方面,提供一种电子设备,包括处理器;用于存储处理器可执行指令的存储器;其中,处理器被配置为执行指令,以实现如第一方面提供的嵌入页面管理方法。
第四方面,提供一种可读存储介质,当可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如第一方面提供的嵌入页面管理方法。
第五方面,提供一种计算机程序产品,包含指令,当其在电子设备上运行时,使得电子设备执行如第一方面提供的嵌入页面管理方法。
可以理解的,本公开提供的技术方案,电子设备在其显示的某个存在有嵌入页面的容器页面(即第一页面)的统一资源定位器需要产生变化时,会首先确定该统一资源定位器的变化信息是否与其嵌入页面(即第二页面)存在关联,如果存在关联,则表明该变化信息是由用户对第二页面的操作得来的,所以此时为了使得第一页面能够反映出第二页面的变化,方便后续可以根据该变化在接收到用户触发的回退操作时可以对第二页面进行页面回退,需要根据该变化信息调整第一页面的统一资源定位器。这样一来,本公开提供的技术方案中,在容器页面的统一资源定位器的变化信息由其嵌入页面导致时,仅会调整自身的统一资源定位器,而在统一资源定位器的变化信息不由其嵌入页面导致时,会同时调整自身与嵌入页面的统一资源定位器,同时因为统一资源定位器的修改会导致页面的渲染,所以本公开提供的技术方案,即可以使得容器页面通过统一资源定位器的变化反映其嵌入页面的变化,进而使得用户在对容器页面后续进行操作时嵌入页面可以联动响应,又可以使得在嵌入页面的统一资源定位器变化(此时嵌入页面本身已经渲染了一次)导致容器页面的统一资源定位器变化时,对嵌入页面不重复渲染,保证了嵌入页面的独立性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
图1为本公开实施例提供的一种实施环境示意图;
图2为本公开实施例提供的一种嵌入页面管理方法的流程示意图一;
图3为本公开实施例提供的一种嵌入页面的场景示意图;
图4为本公开实施例提供的一种嵌入页面管理方法的流程示意图二;
图5为本公开实施例提供的一种嵌入页面管理方法的流程示意图三;
图6为本公开实施例提供的一种嵌入页面管理方法的流程示意图四;
图7为本公开实施例提供的一种嵌入页面管理方法的流程示意图五;
图8为本公开实施例提供的一种嵌入页面管理装置的结构示意图;
图9为本公开实施例提供的一种电子设备的结构示意图;
图10为本公开实施例提供的另一种电子设备的结构示意图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
另外,在本公开实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;本文中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,在本公开实施例的描述中,“多个”是指两个或多于两个。
本公开所涉及的数据可以为经用户授权或者经过各方充分授权的数据。
首先,对本公开所涉及的技术术语进行介绍:
iframe:是HTML(hyper textmarkup language,超文本标记语言)标签,作用是文档中的文档,或者浮动的框架。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。Iframe可以在一个A页面(例如网页)中设置一个沙箱环境用于嵌入一个B页面。
URL:统一资源定位器,英文全称为uniform resource locator。具体是因特网的万维网服务程序上用于指定信息位置。URL由以下几个部分组成:http://{host}:{port}/{path}?{params}#{anchor},例如,http://www.szlanyo u.com/oa/a.html?key1=value1&key2=value2#content3。其中,“?”后面、"#"之前的部分,即params,称之为URL参数,也即查询参数,以一个或多个键值对组成,键值对之间用"="连接,多个键值对之间使用"&"连接,修改该URL参数(查询参数)会导致页面的刷新(重新加载并渲染)。其中,URL"#"之后部分,即anchor,称之为“锚,”是页面的内容定位,能够定位到页面的具体部分。修改URL的anchor部分,不会导致页面的刷新(重新加载)。
History API:History API允许在不刷新页面的前提下,进行页面上某块局部内容的更新;例如A页面和B页面仅存在局部区域不同时,可以通过History API在不刷新页面的前提下在浏览器的地址栏中从用户可以看见浏览器的地址栏中从页面A的URL地址切换到页面B的URL地址,并且显示的页面也完全为页面B的页面,从而实现在不刷新页面的前提下将浏览器中的页面切换到另一个页面的功能。其中具体可以包括有以下各项函数:
History.back():前往上一页,相当于用户点击浏览器左上角的返回按钮;等价于:history.go(-1)。
History.forward():前往下一页,相当于用户点击浏览器左上角的前进按钮,等价于:history.go(1)
History.go():通过当前页面的相对位置从浏览器历史记录(绘会话记录)加载页面。比如:参数为-1的时候为上一页,参数为1的时候为下一页。当整数超出界限、调用没有参数的go()方法、不是整数的参数时,没有效果,也不会报错。
History.pushState():按指定的名称和URL(如果提供该参数)将数据push进会话历史栈,即增加一个新的历史记录。
History.replaceState():按指定的数据,名称和URL(如果提供该参数),更新历史栈上最新的入口,即修改某个历史记录。
Postmessage:用于实现跨文档消息传输。
Addeventlistener:侦听事件并处理相应的函数。
参考图1所示,为本公开实施例提供的一种可能的实施环境的示意图。该实施环境中,可以包括客户端01和服务器02。客户端01通过有线通讯方式或无线通讯方式与服务器02通信。
示例性的,本公开实施例中的客户端01可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)\虚拟现实(virtual reality,VR)设备等可以进行页面显示的设备,本公开实施例对该开发客户端的具体形态不作特殊限制。
示例性的,本公开中的服务器02可以是一台服务器,也可以是多台服务器组成的服务器集群,或者是一个云计算服务中心,本公开对此不做限定。服务器02主要用于接收客户端01发送的一些内容请求指令,以将对应的内容发送给客户端01显示。
目前,为了便捷地在第一页面中显示第二页面的内容,以方便用户使用,目前采用iframe将第二页面嵌入至第一页面中。但是这种方案中,无法在保证第二页面独立的同时使得第一页面反映出第二页面的变化情况,也就使得一旦第二页面独立则用户无法对第二页面进行回退操作,而一旦第二页面不独立,则又会导致第一页面在反映第二页面的变化情况时造成第二页面的重复渲染。
针对上述问题,本公开提供一种嵌入页面管理方法能够保证嵌入页面独立的同时使得容器页面反映出嵌入页面的变化情况。该方法的具体执行主体可以为上述的客户端或服务器,具体根据实际需求而定。
参照图2所示,为本公开实施例提供的一种嵌入页面管理方法的流程示意图。该方法由嵌入页面管理装置执行,该嵌入页面管理装置可以为图1中所示的客户端或其中的一部分。该方法可以包括201-203:
201、监听并获取第一页面的统一资源定位器变化信息。
示例性的,这里的统一资源定位器(URL,uniform resource locator)变化信息,可以是确定的一个确定的URL,也可以是指示如何变化的URL变化指令,对此,本公开不做具体限制。
202、在确定第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息调整第一页面的统一资源定位器;第二页面为嵌入第一页面的页面。
在第一页面的URL变化信息和第二页面存在关联的情况下,此时的URL变化信息一般为用户通过对第二页面的相关操作(点击链接或者回退页面等)更改了第二页面的URL后,第二页面最新的URL。
示例性的,在本公开实施例中,第二页面通过iframe嵌入在第一页面中,一般的,两个页面不同域,例如第一页面来自www.aaa.com,第二页面则可以来自www.bbb.com。以第一页面和第二页面为两个不同的网页为例,第一页面和第二页面的具体场景可参照图3所示,其中第二页面102嵌入在第一页面101中。
203、在确定第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器。
在第一页面的URL变化信息和第二页面不存在关联的情况下,此时的URL变化信息一般为用户通过对第一页面的相关操作(点击链接或者回退页面等)产生的URL修改指令或者需要修改成的目的URL。
基于上述技术方案可以看出,本公开提供的技术方案,电子设备在其显示的某个存在有嵌入页面的容器页面(即第一页面)的统一资源定位器需要产生变化时,会首先确定该统一资源定位器的变化信息是否与其嵌入页面(即第二页面)存在关联,如果存在关联,则表明该变化信息是由用户对第二页面的操作得来的,所以此时为了使得第一页面能够反映出第二页面的变化,方便后续可以根据该变化在接收到用户触发的回退操作时可以对第二页面进行页面回退,需要根据该变化信息调整第一页面的统一资源定位器。这样一来,本公开提供的技术方案中,在容器页面的统一资源定位器的变化信息由其嵌入页面导致时,仅会调整自身的统一资源定位器,而在统一资源定位器的变化信息不由其嵌入页面导致时,会同时调整自身与嵌入页面的统一资源定位器,同时因为统一资源定位器的修改会导致页面的渲染,所以本公开提供的技术方案,即可以使得容器页面通过统一资源定位器的变化反映其嵌入页面的变化,进而使得用户在对容器页面后续进行操作时嵌入页面可以联动响应,又可以使得在嵌入页面的统一资源定位器变化(此时嵌入页面本身已经渲染了一次)导致容器页面的统一资源定位器变化时,对嵌入页面不重复渲染,保证了嵌入页面的独立性。
可选的,结合图2,参照图4所示,为了明确获取到的第一页面的URL变化信息是否与第二页面相关,在202步骤和203步骤之前还包括S1和S2:
S1、获取目标变量。
其中,目标变量至少用于存储第二页面最新的统一资源定位器。
一种可实现的方式中,因为第一页面和第二页面之间一般是不同域的,所以当第二页面的URL改变时,以原有的控制逻辑,客户端并不会将第二页面变化后的URL用于第二页面的URL改变上,所以为了实现这一目的,在本公开,需要通过在原有的history api中用于改变url的函数(例如History.pushState()和History.replaceState()等)覆盖上用于在第二页面的URL产生变化时,获取第二页面变化后的URL的函数;而后客户端可以通过能够跨文档传输消息的传输函数(例如postmessage)和用于接收信息的侦听函数(例如addeventlistener),将第二页面变化后的URL存储在目标变量(例如recent变量)中,并根据该第二页面变化后的URL修改第一页面的URL(例如将第二页面变化后的URL添加进第一页面的URL中)。后续则会利用其它可行的监听函数监听第一页面的URL变化信息,而后将该URL变化信息与目标变量中存储的最新的URL进行对比,当两者相同或存在相同标识时,认为该URL变化信息与第二页面存在关联,否则不存在关联。
其中,需要说明的是,因为第二页面的URL每变化一次便会产生一个新的URL,所以在将第二页面变化后的URL存储在目标变量以保证其至少存储有第二页面最新的URL的方式存在以下几种:(1)目标变量可以将每一次第二页面变化后的统一资源定位器都存储;(2)目标变量可以仅存储第二页面最新的统一资源定位器;(3)目标变量还可以存储包括当前时刻在内的当前时刻之前一段时间内,第二页面使用过的统一资源定位器。这三种方式中,(1)需要的存储资源最大,(3)需要的存储资源次之,(2)需要的存储资源最少。实际中,因为第二种存储方式可以很好的节省存储资源,所以出于节省存储资源的目的,可以使用(2)方式在目标变量中存储第二页面的URL,每次的存储过程可以是将用最新的URL将目标变量中旧的URL顶替掉。当然,实际中还可以是其他任意可行的存储方式,只要保证目标变量中存储有第二页面最新的URL即可,本公开对此不做具体限制。
S2、根据目标变量确定统一资源定位器变化信息与第二页面是否存在关联。
这样一来,便可以顺利确定第一页面的URL变化信息是否与第二页面存在关联,方便后续决定是否需要对第二页面的URL进行修改调整,避免第二页面的重复渲染问题。
进一步可选的,结合图4,参照图5所示,S2步骤可以包括S21和S22:
S21、若统一资源定位器变化信息为目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面存在关联。
S21后执行202。
S22、若统一资源定位器变化信息不为目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面不存在关联。
S22后执行203。
这样一来,便可以个根据目标变量快捷的确定第一页面的URL变化信息是否与第二页面存在关联,方便后续决定是否需要对第二页面的URL进行修改调整,避免第二页面的重复渲染问题。
可选的,结合图2,参照图6所示,202步骤具体可以为:
202、在确定第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器。
示例性的,第一预设函数可以为第一页面对应的history api中的history.pushstate()。以第一页面的URL变化信息为第二页面最新的URL为例,修改第一页面的URL时,可以将第二页面最新的URL添加进该第二页面的URL中。
这样一来,便可以顺利完成对第一页面的URL的调整,使得第一页面的URL可以根据第二页面的URL的变化而变化,从而后续用户在对第一页面实施页面回退操作时,第二页面可以顺利响应,提高了用户的使用体验。
可选的,结合图2,参照图6所示,203步骤具体可以为2031和2032:
2031、根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器,以得到第一页面的目标统一资源定位器。
2032、根据目标统一资源定位器中对应第二页面的数据,通过第二预设修改函数修改第二页面的统一资源定位器。
一种可实现的方式中,第二预设修改函数可以为第二页面对应的history api中的history.pushstate()。示例性的,目标URL的形式类似于:/inner-frame/frame-path1.通过解析规则,可以知道第二页面应该跳转到frame-path1.,然后通过第二预设修改函数修改第二页面iframe的src(source,源)属性值,比如****/frame-path1,从而起到修改第二页面的URL的目的。
这样一来,在统一资源定位器的变化信息不由其嵌入页面导致时,会同时调整自身与嵌入页面的URL,保证两者的一致性,提高用户体验。
进一步可选的,结合图4,参照图7所示,为了及时更新目标变量,在S1步骤之前还包括S0:
S0、在第二页面的统一资源定位器产生变化时,将第二页面变化后的统一资源定位器存入目标变量中。
具体如何在第二页面的URL变化时,存储其变化后的URL可参照前述S1步骤下方的相关表述,此处不再赘述。
这样一来,一旦第二页面的统一资源定位器产生变化,便可以及时将其变化后的URL存入目标变量中,方便后续使用。
本公开提供的技术方案,电子设备在其显示的某个存在有嵌入页面的容器页面(即第一页面)的统一资源定位器需要产生变化时,会首先确定该统一资源定位器的变化信息是否与其嵌入页面(即第二页面)存在关联,如果存在关联,则表明该变化信息是由用户对第二页面的操作得来的,所以此时为了使得第一页面能够反映出第二页面的变化,方便后续可以根据该变化在接收到用户触发的回退操作时可以对第二页面进行页面回退,需要根据该变化信息调整第一页面的统一资源定位器。这样一来,本公开提供的技术方案中,在容器页面的统一资源定位器的变化信息由其嵌入页面导致时,仅会调整自身的统一资源定位器,而在统一资源定位器的变化信息不由其嵌入页面导致时,会同时调整自身与嵌入页面的统一资源定位器,同时因为统一资源定位器的修改会导致页面的渲染,所以本公开提供的技术方案,即可以使得容器页面通过统一资源定位器的变化反映其嵌入页面的变化,进而使得用户在对容器页面后续进行操作时嵌入页面可以联动响应,又可以使得在嵌入页面的统一资源定位器变化(此时嵌入页面本身已经渲染了一次)导致容器页面的统一资源定位器变化时,对嵌入页面不重复渲染,保证了嵌入页面的独立性。
上述明主要从客户端/服务器的角度对本公开实施例提供的方案进行了介绍。可以理解的是,客户端/服务器可以分别通过其中配置的嵌入页面管理装置实现上述功能。为了实现上述功能,嵌入页面管理装置包含了执行各个功能相应的硬件结构和/或软件模块,这些执行各个功能相应的硬件结构和/或软件模块可以构成一个客户端。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的算法步骤,本公开能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本公开的范围。
本公开实施例可以根据上述方法示例对客户端/服务器进行功能模块的划分,例如,客户端/服务器可以包括嵌入页面管理装置,嵌入页面管理装置可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本公开实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
在采用对应各个功能划分各个功能模块的情况下,图8示出了应用在图1中所示客户端01或服务器02中的嵌入页面管理装置03的一种可能的结构示意图,该嵌入页面管理装置03包括:监听模块31和处理模块32。
具体的,监听模块31,被配置为监听并获取第一页面的统一资源定位器统一资源定位器变化信息;处理模块32,被配置为在确定监听模块31获取的第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据统一资源定位器变化信息调整第一页面的统一资源定位器;第二页面为嵌入第一页面的页面;处理模块32还被配置为在确定监听模块31获取的第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,根据统一资源定位器变化信息调整第一页面和第二页面的统一资源定位器。
可选的,监听模块31,还被配置为获取目标变量;目标变量至少用于存储第二页面最新的统一资源定位器;处理模块32还用于根据监听模块31获取的目标变量确定监听模块31获取的统一资源定位器变化信息与第二页面是否存在关联;处理模块32具体用于:若监听模块31获取的统一资源定位器变化信息为监听模块31获取的目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面存在关联;若监听模块31获取统一资源定位器变化信息不为监听模块31获取目标变量中第二页面最新的统一资源定位器,则确定统一资源定位器变化信息与第二页面不存在关联。
可选的,处理模块32在确定监听模块31获取的第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,具体用于:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器。
可选的,处理模块32在确定监听模块31获取的第一页面的统一资源定位器变化信息与第二页面不存在关联的情况下,具体用于:根据统一资源定位器变化信息,通过第一预设修改函数调整第一页面的统一资源定位器,以得到第一页面的目标统一资源定位器;根据目标统一资源定位器中对应第二页面的数据,通过第二预设修改函数修改第二页面的统一资源定位器。
可选的,该装置还包括存储模块33;存储模块33,被配置为在第二页面的统一资源定位器产生变化时,将第二页面变化后的统一资源定位器存入目标变量中。
关于上述实施例中的嵌入页面管理装置,其中各个模块执行操作的具体方式已经在前述中的嵌入页面管理方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图9是根据一示例性实施例示出的电子设备的一种可能的结构示意图,该电子设备可以为上述的嵌入管理装置,也可以为包括有嵌入管理装置的客户端或服务器。如图9所示,该电子设备包括处理器41和存储器42。其中,存储器42用于存储处理器41可执行的指令,处理器41则可以实现上述实施例中嵌入页面管理装置03中各个模块的功能。
其中,在具体的实现中,作为一种实施例,处理器41(41-1和41-2)可以包括一个或多个CPU,例如图9中所示的CPU0和CPU1。且作为一种实施例,空调的控制装置可以包括多个处理器41,例如图9中所示的处理器41-1和处理器41-2。这些处理器41中的每一个CPU可以是一个单核处理器(Single-CPU),也可以是一个多核处理器(Multi-CPU)。这里的处理器41可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。
存储器42可以是只读存储器42(read-only memory,ROM)或可存储静态信息和指令的其他类型的静态存储设备,随机存取存储器(random access memory,RAM)或者可存储信息和指令的其他类型的动态存储设备,也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory,EEPROM)、只读光盘(compactdisc read-only memory,CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘可读存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。存储器42可以是独立存在,通过总线43与处理器41相连接。存储器42也可以和处理器41集成在一起。
总线43,可以是工业标准体系结构(industry standard architecture,ISA)总线、外部设备互连(peripheral component interconnect,PCI)总线或扩展工业标准体系结构(extended industry standard architecture,EISA)总线等。该总线43可以分为地址总线、数据总线、控制总线等。为便于表示,图9中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
另外,为了方便电子设备与其他设备(例如服务器或客户端)进行信息交互,该电子设备包括通信接口44。通信接口44,使用任何收发器一类的装置,用于与其他设备或通信网络通信,如控制系统、无线接入网(radio access network,RAN),无线局域网(wirelesslocal area networks,WLAN)等。通信接口44可以包括接收单元实现接收功能,以及发送单元实现发送功能。
在一些实施例中,参照图10所示,该电子设备可以为客户端,此时该电子设备还可选包括有:外围设备接口45和至少一个外围设备。处理器41、存储器42和外围设备接口45之间可以通过总线43或信号线相连。各个外围设备可以通过总线43、信号线或电路板与外围设备接口45相连。具体地,外围设备包括:射频电路46、显示屏47、摄像头48、音频电路49、定位组件50和电源51中的至少一种。
外围设备接口45可被用于将I/O(input/output,输入/输出)相关的至少一个外围设备连接到处理器41和存储器42。在一些实施例中,处理器41、存储器42和外围设备接口45被集成在同一芯片或电路板上;在一些其他实施例中,处理器41、存储器42和外围设备接口45中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不予限定。
射频电路46用于接收和发射RF(radio frequency,射频)信号,也称电磁信号。射频电路46通过电磁信号与通信网络以及其他通信设备进行通信。射频电路46将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路404包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路46可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或Wi-Fi(wireless fidelity,无线保真)网络。在一些实施例中,射频电路46还可以包括NFC(near field communication,近距离无线通信)有关的电路,本公开对此不加以限定。
显示屏47用于显示UI(user interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏47是显示屏时,显示屏47还具有采集在显示屏47的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器41进行处理。此时,显示屏47还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏47可以为一个,设置客户端的前面板;显示屏47可以采用LCD(liquidcrystal display,液晶显示屏)、OLED(organic light-emitting diode,有机发光二极管)等材质制备。
摄像头组件48用于采集图像或视频。可选地,摄像头组件48包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。音频电路49可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器41进行处理,或者输入至射频电路46以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在客户端的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器41或射频电路46的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路49还可以包括耳机插孔。
定位组件50用于定位客户端的当前地理位置,以实现导航或LBS(location basedservice,基于位置的服务)。定位组件50可以是基于美国的GPS(global positioningsystem,全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。
电源51用于为客户端中的各个组件进行供电。电源51可以是交流电、直流电、一次性电池或可充电电池。当电源51包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
在一些实施例中,电子设备还包括有一个或多个传感器410。该一个或多个传感器410包括但不限于:加速度传感器、陀螺仪传感器、压力传感器、指纹传感器、光学传感器以及接近传感器。
加速度传感器可以检测以客户端建立的坐标系的三个坐标轴上的加速度大小。陀螺仪传感器可以检测客户端的机体方向及转动角度,陀螺仪传感器可以与加速度传感器协同采集用户对客户端的3D动作。压力传感器可以设置在客户端的侧边框和/或显示屏47的下层。当压力传感器设置在终端01的侧边框时,可以检测用户对客户端的握持信号。指纹传感器用于采集用户的指纹。光学传感器用于采集环境光强度。接近传感器,也称距离传感器,通常设置在客户端的前面板。接近传感器用于采集用户与客户端的正面之间的距离。
本领域技术人员可以理解,图9或图10中示出的结构并不构成对电子设备的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本公开实施例还提供一种可读存储介质,该可读存储介质上存储有指令,当该可读存储介质上的指令由电子设备的处理器执行时,使得电子设备能够执行前述实施例中提供的应用在电子设备上的嵌入页面管理方法。
本公开实施例还提供一种包含指令的计算机程序产品,当其在电子设备上运行时,使得电子设备执行前述实施例提供的嵌入页面管理方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (11)

1.一种嵌入页面管理方法,其特征在于,包括:
监听并获取第一页面的统一资源定位器变化信息;
获取目标变量;所述目标变量至少用于存储第二页面最新的统一资源定位器,所述第二页面为嵌入所述第一页面的页面;
若所述统一资源定位器变化信息为所述目标变量中第二页面最新的统一资源定位器,则确定所述统一资源定位器变化信息与所述第二页面存在关联;
若所述统一资源定位器变化信息不为所述目标变量中第二页面最新的统一资源定位器,则确定所述统一资源定位器变化信息与所述第二页面不存在关联;
在确定所述第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据所述统一资源定位器变化信息调整所述第一页面的统一资源定位器;
在确定所述第一页面的统一资源定位器变化信息与所述第二页面不存在关联的情况下,根据所述统一资源定位器变化信息调整所述第一页面和所述第二页面的统一资源定位器。
2.根据权利要求1所述的嵌入页面管理方法,其特征在于,所述根据所述统一资源定位器变化信息调整所述第一页面的统一资源定位器,包括:
根据所述统一资源定位器变化信息,通过第一预设修改函数调整所述第一页面的统一资源定位器。
3.根据权利要求1所述的嵌入页面管理方法,其特征在于,所述根据所述统一资源定位器变化信息调整所述第一页面和所述第二页面的统一资源定位器,包括:
根据所述统一资源定位器变化信息,通过第一预设修改函数调整所述第一页面的统一资源定位器,以得到所述第一页面的目标统一资源定位器;
根据所述目标统一资源定位器中对应所述第二页面的数据,通过第二预设修改函数修改所述第二页面的统一资源定位器。
4.根据权利要求1所述的嵌入页面管理方法,其特征在于,还包括:
在所述第二页面的统一资源定位器产生变化时,将所述第二页面变化后的统一资源定位器存入所述目标变量中。
5.一种嵌入页面管理装置,其特征在于,包括:
监听模块,被配置为监听并获取第一页面的统一资源定位器变化信息;
所述监听模块,还被配置为获取目标变量;所述目标变量至少用于存储第二页面最新的统一资源定位器,所述第二页面为嵌入所述第一页面的页面;
处理模块,被配置为若所述统一资源定位器变化信息为所述目标变量中第二页面最新的统一资源定位器,则确定所述统一资源定位器变化信息与所述第二页面存在关联;
所述处理模块,还被配置若所述统一资源定位器变化信息不为所述目标变量中第二页面最新的统一资源定位器,则确定所述统一资源定位器变化信息与所述第二页面不存在关联;
处理模块,还被配置为在确定所述监听模块获取的所述第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,根据所述统一资源定位器变化信息调整所述第一页面的统一资源定位器;所述第二页面为嵌入所述第一页面的页面;
所述处理模块,还被配置为在确定所述监听模块获取的所述第一页面的统一资源定位器变化信息与所述第二页面不存在关联的情况下,根据所述统一资源定位器变化信息调整所述第一页面和所述第二页面的统一资源定位器。
6.根据权利要求5所述的嵌入页面管理装置,其特征在于,所述处理模块在确定所述监听模块获取的所述第一页面的统一资源定位器变化信息与第二页面存在关联的情况下,具体用于:
根据所述统一资源定位器变化信息,通过第一预设修改函数调整所述第一页面的统一资源定位器。
7.根据权利要求5所述的嵌入页面管理装置,其特征在于,所述处理模块在确定所述监听模块获取的所述第一页面的统一资源定位器变化信息与所述第二页面不存在关联的情况下,具体用于:
根据所述统一资源定位器变化信息,通过第一预设修改函数调整所述第一页面的统一资源定位器,以得到所述第一页面的目标统一资源定位器;
根据所述目标统一资源定位器中对应所述第二页面的数据,通过第二预设修改函数修改所述第二页面的统一资源定位器。
8.根据权利要求5所述的嵌入页面管理装置,其特征在于,还包括存储模块;
所述存储模块,被配置为在所述第二页面的统一资源定位器产生变化时,将所述第二页面变化后的统一资源定位器存入所述目标变量中。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1-4中任一项所述的嵌入页面管理方法。
10.一种可读存储介质,所述可读存储介质上存储有指令,其特征在于,当所述可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备执行如权利要求1-4中任一项所述的嵌入页面管理方法。
11.一种计算机程序产品,其特征在于,包含指令,当所述指令在电子设备上运行时,使得所述电子设备执行如权利要求1-4中任一项所述的嵌入页面管理方法。
CN202110512583.6A 2021-05-11 2021-05-11 一种嵌入页面管理方法和装置、电子设备、存储介质 Active CN113220396B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110512583.6A CN113220396B (zh) 2021-05-11 2021-05-11 一种嵌入页面管理方法和装置、电子设备、存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110512583.6A CN113220396B (zh) 2021-05-11 2021-05-11 一种嵌入页面管理方法和装置、电子设备、存储介质

Publications (2)

Publication Number Publication Date
CN113220396A CN113220396A (zh) 2021-08-06
CN113220396B true CN113220396B (zh) 2024-04-16

Family

ID=77094807

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110512583.6A Active CN113220396B (zh) 2021-05-11 2021-05-11 一种嵌入页面管理方法和装置、电子设备、存储介质

Country Status (1)

Country Link
CN (1) CN113220396B (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207863A (zh) * 2012-01-13 2013-07-17 腾讯科技(深圳)有限公司 页面跨域交互方法及终端
CN103870551A (zh) * 2014-02-28 2014-06-18 小米科技有限责任公司 一种跨域数据获取的方法和装置
CN104714980A (zh) * 2013-12-17 2015-06-17 阿里巴巴集团控股有限公司 页面嵌套路径确定方法及装置
CN105183851A (zh) * 2015-09-08 2015-12-23 上海上讯信息技术股份有限公司 克服浏览器同源策略限制的交互方法及设备
US10817145B1 (en) * 2018-11-06 2020-10-27 Centergy Consulting, LLC System and method for seamlessly integrating an iframe into a webpage
CN112073405A (zh) * 2020-09-03 2020-12-11 中国平安财产保险股份有限公司 网页数据加载方法、装置、计算机设备及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110055683A1 (en) * 2009-09-02 2011-03-03 Facebook Inc. Page caching for rendering dynamic web pages
CN112783548B (zh) * 2019-11-11 2024-02-20 阿里巴巴集团控股有限公司 网络系统的访问方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207863A (zh) * 2012-01-13 2013-07-17 腾讯科技(深圳)有限公司 页面跨域交互方法及终端
CN104714980A (zh) * 2013-12-17 2015-06-17 阿里巴巴集团控股有限公司 页面嵌套路径确定方法及装置
CN103870551A (zh) * 2014-02-28 2014-06-18 小米科技有限责任公司 一种跨域数据获取的方法和装置
CN105183851A (zh) * 2015-09-08 2015-12-23 上海上讯信息技术股份有限公司 克服浏览器同源策略限制的交互方法及设备
US10817145B1 (en) * 2018-11-06 2020-10-27 Centergy Consulting, LLC System and method for seamlessly integrating an iframe into a webpage
CN112073405A (zh) * 2020-09-03 2020-12-11 中国平安财产保险股份有限公司 网页数据加载方法、装置、计算机设备及存储介质

Also Published As

Publication number Publication date
CN113220396A (zh) 2021-08-06

Similar Documents

Publication Publication Date Title
CN110674022B (zh) 行为数据获取方法、装置及存储介质
CN110413501B (zh) 浏览器兼容性测试方法、装置、系统及可读存储介质
CN113094123A (zh) 应用程序中功能的实现方法、装置、电子设备和存储介质
CN112420217B (zh) 消息推送方法、装置、设备及存储介质
CN111327694B (zh) 文件上传方法、装置、存储介质及电子设备
CN111953811A (zh) 站点访问方法、站点注册方法、装置、设备及存储介质
CN111104980B (zh) 确定分类结果的方法、装置、设备及存储介质
CN113727406B (zh) 通信控制方法、装置、设备及计算机可读存储介质
CN110704324B (zh) 应用调试方法、装置及存储介质
CN113190362B (zh) 服务调用方法、装置、计算机设备及存储介质
CN109040339B (zh) 基于ajax的跨域请求处理方法、装置及设备
CN111866140A (zh) 融合管理设备、管理系统、服务调用方法及介质
CN110515962B (zh) 缓存数据的方法、装置、电子设备及存储介质
CN111625315A (zh) 页面显示方法、装置、电子设备及存储介质
CN114064450A (zh) 应用程序测试方法、装置、电子设备及存储介质
CN113138771A (zh) 数据处理方法、装置、设备及存储介质
CN111682983B (zh) 界面显示方法、装置、终端及服务器
CN113220366A (zh) 子应用启动方法、装置、终端及服务器
CN110995842A (zh) 业务数据下载方法、装置、设备及存储介质
CN113220396B (zh) 一种嵌入页面管理方法和装置、电子设备、存储介质
CN113377647B (zh) 页面处理方法、装置、服务器、终端及可读存储介质
CN110390065B (zh) 网页获取方法、装置及系统
CN113051015B (zh) 页面渲染方法、装置、电子设备及存储介质
CN110505253B (zh) 一种请求网页信息的方法、装置及存储介质
CN112052419A (zh) 图片加载方法、装置、设备及可读存储介质

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
GR01 Patent grant
GR01 Patent grant