[发明专利]一种页面加载方法、装置、系统及介质

说明书

本发明公开了一种页面加载方法、装置、系统及介质。该方法的步骤包括：当加载目标页面时，启动Render进程并通过Render进程运行目标页面；利用Render进程加载目标页面对应的content‑scripts，以在加载目标页面的过程中，将content‑scripts中的功能元素注入至目标页面；其中，content‑scripts中的功能元素包含有background page注入目标页面的功能代码。本方法确保了功能代码在原始页面中的正常注入，进而保证了页面加载过程的整体可靠性。此外，本发明还提供一种页面加载装置、系统及介质，有益效果同上所述。

技术领域

本发明涉及前端开发领域，特别是涉及一种页面加载方法、装置、系统及介质。

背景技术

随着用户对于网络内容浏览的体验需求不断增加，为了向用户提供更美观的前端页面，当前通常需要在原始页面的HTML架构中加入扩展页面，以此通过向原始页面中注入JS(JavaScript，一种直译式脚本语言，用来给HTML页面增加动态功能)和/或CSS(Cascading Style Sheets，层叠样式表，是一种用来表现HTML页面中文件样式的计算机语言)的方式，以基于原有的原始页面框架，提供更加丰富的数据内容以及灵活的呈现样式。

图1为现有技术中页面加载时的进程架构关系示意图，如图1所示的，当前扩展页面分为两类，content-scripts(图1中content-scripts 1-N)以及background page(图1中background page 1-N)，其中content-scripts是浏览器(图1中Browser)插件中向原始页面(图1中Page1-N)注入脚本的一种形式，通过content-scripts可以基本实现向原始页面注入JS和CSS的目的，因此基于每一个原始页面均可配置相应的content-scripts，在各原始页面被加载时，各个原始页面以及其对应的content-scripts均由相应的Render进程加载并执行，Render进程的生命周期在与其相应的页面关闭时结束；background page是一个与原始页面并列，且能够通过预设的功能代码(JS和/或CSS)对各原始页面的content-scripts中的功能元素进行宏观修改及增加的常驻页面，因此当前通常将多个页面均需要注入的全局层面的功能代码设置于background page中，并通过单独的Extension进程承载并运行background page。

当前情况下，每当有原始页面在浏览器中打开时，background page均会通过Extension进程与加载有相应原始页面的Render进程通信，以此根据功能代码增加和/或修改相应原始页面的content-scripts，进而实现向原始页面进一步注入相应的功能元素，由于background page在宏观上控制多个原始页面，因此加载background page的Extension进程需要持续占用设备的CPU及内存等运算资源，另外，Extension进程与Render进程通信时也会占用一定的通信资源，而当设备出现资源负担较大的情况时，Extension进程可能会因其较长的工作持续时间而被系统优先释放，因此难以确保background page中功能代码在原始页面中的正常注入，进而降低了页面加载过程的整体可靠性。

由此可见，提供一种页面加载方法，以确保功能代码在原始页面中的正常注入，进而保证页面加载过程的整体可靠性，是本领域技术人员亟待解决的问题。

发明内容

本发明的目的是提供一种页面加载方法、装置、系统及介质，以确保功能代码在原始页面中的正常注入，进而保证页面加载过程的整体可靠性。

为解决上述技术问题，本发明提供一种页面加载方法，方法包括：

当加载目标页面时，启动Render进程并通过Render进程运行目标页面；