[发明专利]一种页面处理方法、存储介质及设备

说明书

本说明书提供一种页面处理方法、存储介质及设备，该方法中，在需要加载当前页面的子页面时，利用获取的子页面的URL，获取子页面的HTML文件，从子页面的HTML文件中抽取出动态插入时无法自动执行的代码片段进行保存，并将子页面的HTML文件的代码插入至当前页面源码中的指定标签中，这样，通过执行HTML文件的代码后再执行保存的代码片段，实现子页面的显示。如此，在不依赖于iframe标签的情况下实现子页面的嵌入，将子页面的代码作为父页面的代码的一部分，使得子页面的加载不会影响父页面的加载，从而提升了页面的运行效率和用户的使用体验。

技术领域

本说明书涉及计算机技术领域，尤其涉及一种页面处理方法、存储介质及设备。

背景技术

在做页面设计时，经常会有在页面中嵌套其他URL的页面的需求。相关技术中，一般使用iframe标签来实现在父页面中嵌套子页面，iframe标签是一种HTML(Hyper TextMarkup Language，超文本标记语言)标签，其规定一个内联框架，用于在当前HTML文档中嵌入另一个文档。然而，限于iframe标签的特性，使用iframe标签的场景中经常会出现iframe阻塞父页面的onload事件、父子页面相同依赖导致多次加载等问题，进而导致页面加载速度变慢，也影响用户的使用体验。

发明内容

为克服相关技术中存在的问题，本说明书提供了一种页面处理方法、存储介质及设备。

根据本说明书实施例的第一方面，提供一种页面处理方法，包括：

显示当前页面的过程中，若需要加载所述当前页面的子页面，获取所述子页面的URL；

利用所述URL获取所述子页面的HTML文件；

从所述HTML文件中查找指定代码片段并保存，所述指定代码片段包括动态插入时无法自动执行的代码片段；

将所述HTML文件的代码作为指定标签的元素内容插入至所述指定标签中，执行所述HTML文件的代码后，执行保存的指定代码片段，以显示所述子页面；其中，所述指定标签是所述当前页面的源码中的标签，所述指定标签包括：未包含有元素内容的块级标签。

在某些例子中，上述利用所述URL获取所述子页面的HTML文件，包括：

通过请求数据接口，利用所述URL获取所述子页面的HTML文件，所述请求数据接口包括Fetch API。

在某些例子中，上述方法还包括：

若需要卸载所述子页面，从所述指定标签中移除所述子页面的HTML文件的代码，将当前页面恢复至加载子页面之前的状态。

在某些例子中，上述将当前页面恢复至加载子页面之前的状态，包括：

将当前页面的全局window对象恢复至加载子页面之前的状态。

在某些例子中，上述将当前页面的全局window对象恢复至加载子页面之前的状态，包括：

根据所述当前页面的快照，将当前页面的全局window对象恢复至加载子页面之前的状态；所述快照是在获取所述子页面的HTML文件之前创建的，用于记录当前页面的全局window对象在加载子页面之前的状态。

在某些例子中，上述将当前页面恢复至加载子页面之前的状态，包括：

移除当前页面的注册事件，所述注册事件是所述子页面加载之后发生的。

在某些例子中，移除当前页面的注册事件是基于代理对象而实现的，所述代理对象是在获取所述子页面的HTML文件之前创建的，用于记录加载子页面之后的当前页面的注册事件。

在某些例子中，上述指定标签是在所述当前页面首次加载子页面时创建的。