本发明专利技术实施例提供一种页面控制方法、装置、设备及存储介质，涉及计算机技术领域。所述方法针对包括容器和抽屉的页面结构，且包括：获取示出所有相关页面URL与其对应的页面组件地址之间的映射关系的路由列表；响应于用户对容器页面中的跳转组件的操作，获取该跳转组件对应的页面URL，并从所述路由列表中匹配出与该页面URL相对应的页面组件地址；以及获取所匹配的页面组件地址指示的页面组件，并通过该页面组件在所述抽屉中进行相应的嵌入页面的渲染。本发明专利技术通过页面URL获取对应的页面组件以在抽屉中渲染嵌入页面，避免了容器页面和嵌入页面中相同的资源被重复加载，提升了用户体验。验。验。
【技术实现步骤摘要】
页面控制方法、装置、设备及存储介质
[0001]本专利技术涉及计算机
，具体地涉及一种页面控制方法、装置、设备及存储介质。
技术介绍
[0002]目前，针对电脑端、手机端等的各种网页浏览器，会发现其列表页所展示的数据非常有限，需要用户频繁点击“查看详情页”或者修改“编辑页面”内容以查看完整内容。
[0003]对此，现有技术中采用iframe来在列表页中展示详情页或编辑页。具体地，iframe是一种超文本标记语言(Hyper Text Markup Language，HTML)标签，而通过iframe，能够实现在原本的容器页面中展示另一个网页（以下称为嵌入页面）。
[0004]但是，出于iframe的安全性要求，基于iframe的嵌入页面相对于容器页面实际上是一个独立的浏览器窗口，其预先已经针对窗口大小、页面元素等制订了规则，而后则是直接基于该规则进行页面渲染，并不受控于容器页面。基于iframe的这一特点，其应用于嵌入页面展示时，至少存在以下问题：1）容器页面和嵌入页面是各自基于自身预设的规则来加载资源，从而使得它们中相同的资源会被重复加载，由此延长了资源加载完成时间。
[0005]2）嵌入页面展示在容器页面中，但又不受容器页面控制，使得容器页面自身的前进、后退等需要计算嵌入页面（例如需要先进行iframe嵌入页面的后退，才能进行容器页面的后退），从而导致容器页面的“前进、后退”等功能不符合预期。
[0006]3）嵌入页面里的内容根据规则不能超出iframe容器，进而弹窗提示等无法做到全屏展示，影响用户体验。
[0007]据此，针对嵌入页面，有必要研究其新的展示方案。
技术实现思路
[0008]本专利技术实施例的目的是提供一种页面控制方法、装置、设备及存储介质，用于至少部分地解决上述技术问题。
[0009]为了实现上述目的，本专利技术实施例提供一种页面控制方法，针对包括容器和抽屉的页面结构，且该页面控制方法包括：获取示出所有相关页面统一资源定位符URL与其对应的页面组件地址之间的映射关系的路由列表；响应于用户对容器页面中的跳转组件的操作，获取该跳转组件对应的页面URL，并从所述路由列表中匹配出与该页面URL相对应的页面组件地址；以及获取所匹配的页面组件地址指示的页面组件，并通过该页面组件在所述抽屉中进行相应的嵌入页面的渲染。
[0010]优选地，所述路由列表被配置为：以代码的方式预先存储；或者预先存储至数据库中。
[0011]优选地，在获取所述跳转组件对应的页面URL之前，所述页面控制方法还包括：获取所述跳转组件中的指示参数，其中所述指示参数被预先配置于所述跳转组件中，且用于
指示跳转后的嵌入页面的展示方式，其中所述展示方式包括以新页面展示或者在所述抽屉中展示；以及在所述指示参数指示在所述抽屉中展示的情况下，执行关于所述跳转组件对应的页面URL的获取。
[0012]优选地，在所述通过所述页面组件在所述抽屉中进行相应的嵌入页面渲染之后，所述页面控制方法还包括：在容器端，控制所述容器页面向所述嵌入页面注入标识，该标识用于示出所述容器页面和所述嵌入页面能够进行通信。
[0013]优选地，所述容器页面和所述嵌入页面通过以下任意一者实现通信：在所述容器页面中定义函数，以使得所述嵌入页面通过函数调用来与所述容器页面通信；以及在所述容器页面中配置事件，以使得所述嵌入页面通过触发事件来与所述容器页面通信。
[0014]优选地，所述页面控制方法还包括：在抽屉端，响应于所述嵌入页面检测到所述标识，控制所述嵌入页面向所述容器页面通知用户针对该嵌入页面的操作信息；以及在容器端，响应于所述操作信息，控制所述嵌入页面执行对应于所述操作信息的动作。
[0015]优选地，在所述嵌入页面未检测到所述标识时，所述页面控制方法还包括：控制所述嵌入页面以新页面的形式打开。
[0016]优选地，所述控制所述嵌入页面执行对应于所述操作信息的动作包括：控制所述容器页面在预设的历史记录列表中写入所述嵌入页面适配于不同时间的所述操作信息而动作的路径信息；以及响应于当前的所述操作信息，查询所述历史记录列表以向所述嵌入页面提供关于该操作信息对应的动作的路径信息。
[0017]优选地，所述页面控制方法还包括：在获取所述容器页面中的另一跳转组件的页面URL以预期在新的抽屉中渲染嵌入页面时，清空所述历史记录列表。
[0018]另一方面，本专利技术还提供一种页面控制装置，针对包括容器和抽屉的页面结构，且该页面控制装置包括：路由列表获取模块，用于获取示出所有相关页面统一资源定位符URL与其对应的页面组件地址之间的映射关系的路由列表；地址匹配模块，用于响应于用户对容器页面中的跳转组件的操作，获取该跳转组件对应的页面URL，并从所述路由列表中匹配出与该页面URL相对应的页面组件地址；以及页面渲染模块，用于获取所匹配的页面组件地址指示的页面组件，并通过该页面组件在所述抽屉中进行相应的嵌入页面的渲染。
[0019]优选地，所述页面控制装置还包括：标识注入模块，用于在容器端，控制所述容器页面向所述嵌入页面注入标识，该标识用于示出所述容器页面和所述嵌入页面能够进行通信；通知模块，用于在抽屉端，响应于所述嵌入页面检测到所述标识，控制所述嵌入页面向所述容器页面通知用户针对该嵌入页面的操作信息；以及管理模块，用于在容器端，响应于所述操作信息，控制所述嵌入页面执行对应于所述操作信息的动作。
[0020]另一方面，本专利技术还提供一种机器可读存储介质，该机器可读存储介质上存储有指令，该指令用于使得机器执行本申请上述任意的页面控制方法。
[0021]另一方面，本专利技术还提供一种页面控制设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任意的页面控制方法。
[0022]通过上述技术方案，本专利技术方案通过维护全量的页面URL和页面组件地址的映射关系，来通过页面URL获取对应的页面组件以在抽屉中渲染嵌入页面，从而使得嵌入页面的资源加载不再如iframe基于预设规则，避免了容器页面和嵌入页面中相同的资源被重复加
载，缩短了资源加载完成时间，提升了用户体验。
[0023]本专利技术实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
[0024]附图是用来提供对本专利技术实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本专利技术实施例，但并不构成对本专利技术实施例的限制。在附图中：图1是本专利技术实施例的页面控制方法的流程示意图；图2是基于本专利技术实施例的页面控制方法所实现的嵌入页面的展示示例图；图3是本专利技术优选的实施例的页面控制方法的流程示意图；图4是本专利技术另一实施例的页面控制装置的结构示意图；以及图5是本专利技术另一实施例的页面控制设备的结构示意图。
[0025]附图标记说明10、容器；20、抽屉；30、前进标签；40、后退标签；50本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面控制方法，其特征在于，针对包括容器和抽屉的页面结构，且该页面控制方法包括：获取示出所有相关页面统一资源定位符URL与其对应的页面组件地址之间的映射关系的路由列表；响应于用户对容器页面中的跳转组件的操作，获取该跳转组件对应的页面URL，并从所述路由列表中匹配出与该页面URL相对应的页面组件地址；以及获取所匹配的页面组件地址指示的页面组件，并通过该页面组件在所述抽屉中进行相应的嵌入页面的渲染。2.根据权利要求1所述的页面控制方法，其特征在于，所述路由列表被配置为：以代码的方式预先存储；或者预先存储至数据库中。3.根据权利要求1所述的页面控制方法，其特征在于，在获取所述跳转组件对应的页面URL之前，所述页面控制方法还包括：获取所述跳转组件中的指示参数，其中所述指示参数被预先配置于所述跳转组件中，且用于指示跳转后的嵌入页面的展示方式，其中所述展示方式包括以新页面展示或者在所述抽屉中展示；以及在所述指示参数指示在所述抽屉中展示的情况下，执行关于所述跳转组件对应的页面URL的获取。4.根据权利要求1所述的页面控制方法，其特征在于，在通过所述页面组件在所述抽屉中进行相应的嵌入页面渲染之后，所述页面控制方法还包括：在容器端，控制所述容器页面向所述嵌入页面注入标识，该标识用于示出所述容器页面和所述嵌入页面能够进行通信。5.根据权利要求4所述的页面控制方法，其特征在于，所述容器页面和所述嵌入页面通过以下任意一者实现通信：在所述容器页面中定义函数，以使得所述嵌入页面通过函数调用来与所述容器页面通信；以及在所述容器页面中配置事件，以使得所述嵌入页面通过触发事件来与所述容器页面通信。6.根据权利要求4所述的页面控制方法，其特征在于，所述页面控制方法还包括：在抽屉端，响应于所述嵌入页面检测到所述标识，控制所述嵌入页面向所述容器页面通知用户针对该嵌入页面的操作信息；以及在容器端，响应于所述操作信息，控制所述嵌入页面执行对应于所述操作信息的动作。7.根据权利要求6所述的页面控制方法，其特征在于，在所述嵌入页面未检测到所述标识时，所述页面控制方法还包括：控制所...
【专利技术属性】
技术研发人员：张海，崔杰，李鹏，
申请(专利权)人：北京商越网络科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。