页面嵌入方法及相关设备与流程

本申请涉及计算机，尤其涉及一种页面嵌入方法及相关设备。

背景技术：

1、传统的web页面打开方法，需要加载超文本标记语言(hyper text markuplanguage，html)文件等、层叠样式表(cascading style sheets，css)以及js(javascript)脚本等来实现。一般特定的网络域名地址会打开特定的页面及相关资源链接，且一个网络域名地址指向一个页面。

2、相关技术中，如果要在一个页面内嵌入另一个页面，则需要使用iframe来实现。但是，通过iframe进行页面嵌入的方式，被嵌入的页面依然处于原域名环境下，与嵌入页面所处的域名环境之间仍然是隔离的，这就导致在被嵌入页面与嵌入页面之间的跳转返回、登录态以及用户体验上都是极差的，且被嵌入页面与嵌入页面之间的交互需要通过postmessage来实现，使用极其不便。

技术实现思路

1、本申请实施例的目的提供一种页面嵌入方法及相关设备，用于实现将被嵌入页面加载到嵌入页面本地的方式来实现页面嵌入，从而避免嵌入页面的域名环境与被嵌入页面的域名环境之间存在隔离的问题。

2、为了实现上述目的，本申请实施例采用下述技术方案：

3、第一方面，本申请实施例提供一种页面嵌入方法，包括：

4、获取第一页面描述文件的链接地址和所述第一页面描述文件对应的编译脚本，所述编译脚本用于解析所述第一页面描述文件，所述第一页面描述文件用于描述第一页面；

5、在第二页面描述文件中嵌入所述编译脚本，所述第二页面描述文件用于描述第二页面，所述第二页面的域名与所述第一页面的域名不同；

6、通过所述编译脚本基于所述链接地址获取所述第一页面描述文件，以及将所述第一页面描述文件对所述第一页面的描述信息嵌入到所述第二页面描述文件中，得到第三页面描述文件，所述第三页面描述文件用于描述嵌入所述第一页面后的所述第二页面；

7、加载所述第三页面描述文件。

8、第二方面，本申请实施例提供一种页面嵌入装置，包括：

9、获取单元，用于获取第一页面描述文件的链接地址和所述第一页面描述文件对应的编译脚本，所述编译脚本用于解析所述第一页面描述文件，所述第一页面描述文件用于描述第一页面；

10、第一嵌入单元，用于在第二页面描述文件中嵌入所述编译脚本，所述第二页面描述文件用于描述第二页面，所述第二页面的域名与所述第一页面的域名不同；

11、第二嵌入单元，用于通过所述编译脚本基于所述链接地址获取所述第一页面描述文件，以及将所述第一页面描述文件对所述第一页面的描述信息嵌入到所述第二页面描述文件中，得到第三页面描述文件，所述第三页面描述文件用于描述嵌入所述第一页面后的所述第二页面；

12、加载单元，用于加载所述第三页面描述文件。

13、第三方面，本申请实施例提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面所述的方法。

14、第四方面，本申请实施例提供一种计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的方法。

15、本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：通过将预先编写的、用于解析第一页面描述文件的编译脚本嵌入到第二页面，通过该编译脚本可模拟浏览器加载第一页面描述文件的效果，将第一页面描述文件对第一页面的描述信息加载到嵌入域本地，与第二页面描述文件融合在一个页面描述文件中，进而通过加载该融合的页面描述文件可以实现第一页面本地化展示；由此，第二页面与其嵌入的第一页面之间处于同一域名环境中，打通了原域与嵌入域之间的跨域限制，原域的第一页面可以无缝在嵌入域内执行原有的逻辑，方便第二页面及其嵌入的第一页面在嵌入域内做一些交互的操作，实现原域与嵌入域之间业务的快速融合和发展。

技术特征：

1.一种页面嵌入方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，在获取第一页面描述文件的链接地址和所述第一页面描述文件对应的编译脚本之前，所述方法还包括：

3.根据权利要求2所述的方法，其特征在于，编写的单页面应用包括多个第一页面分别对应的单页面应用，每个第一页面对应的第一页面描述文件具有对应的链接地址；

4.根据权利要求2所述的方法，其特征在于，在编写第一页面对应的单页面应用之后，所述方法还包括：

5.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的文档对象模型节点；

6.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的层叠样式表节点；

7.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的脚本节点；

8.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的域名载入的层叠样式表链接资源；

9.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的域名载入的脚本链接资源；

10.根据权利要求1所述的方法，其特征在于，所述第一页面的描述信息包括所述第一页面的静态资源；

11.一种页面嵌入装置，其特征在于，包括：

12.一种电子设备，其特征在于，包括：

13.一种计算机可读存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至10中任一项所述的方法。

技术总结
本申请公开了一种页面嵌入方法及相关设备。所述方法包括：获取第一页面描述文件的链接地址和所述第一页面描述文件对应的编译脚本，所述编译脚本用于解析所述第一页面描述文件，所述第一页面描述文件用于描述第一页面；在第二页面描述文件中嵌入所述编译脚本，所述第二页面描述文件用于描述第二页面，第二页面的域名与第一页面的域名不同；通过所述编译脚本基于所述链接地址获取所述第一页面描述文件，以及将所述第一页面描述文件对所述第一页面的描述信息嵌入到所述第二页面描述文件中，得到第三页面描述文件，所述第三页面描述文件用于描述嵌入所述第一页面后的所述第二页面；加载所述第三页面描述文件。

技术研发人员：任碧涛,罗展松,吴海英,吴鹏,蒋宁
受保护的技术使用者：马上消费金融股份有限公司
技术研发日：
技术公布日：2024/1/12