一种页面加载方法、装置、系统及介质制造方法及图纸

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

【技术实现步骤摘要】
一种页面加载方法、装置、系统及介质
本专利技术涉及前端开发领域，特别是涉及一种页面加载方法、装置、系统及介质。
技术介绍
随着用户对于网络内容浏览的体验需求不断增加，为了向用户提供更美观的前端页面，当前通常需要在原始页面的HTML架构中加入扩展页面，以此通过向原始页面中注入JS(JavaScript，一种直译式脚本语言，用来给HTML页面增加动态功能)和/或CSS(CascadingStyleSheets，层叠样式表，是一种用来表现HTML页面中文件样式的计算机语言)的方式，以基于原有的原始页面框架，提供更加丰富的数据内容以及灵活的呈现样式。图1为现有技术中页面加载时的进程架构关系示意图，如图1所示的，当前扩展页面分为两类，content-scripts(图1中content-scripts1-N)以及backgroundpage(图1中backgroundpage1-N)，其中content-scripts是浏览器(图1中Browser)插件中向原始页面(图1中Page1-N)注入脚本的一种形式，通过content-scripts可以基本实现向原始页面注入JS和CSS的目的，因此基于每一个原始页面均可配置相应的content-scripts，在各原始页面被加载时，各个原始页面以及其对应的content-scripts均由相应的Render进程加载并执行，Render进程的生命周期在与其相应的页面关闭时结束；backgroundpage是一个与原始页面并列，且能够通过预设的功能代码(JS和/或CSS)对各原始页面的content-scripts中的功能元素进行宏观修改及增加的常驻页面，因此当前通常将多个页面均需要注入的全局层面的功能代码设置于backgroundpage中，并通过单独的Extension进程承载并运行backgroundpage。当前情况下，每当有原始页面在浏览器中打开时，backgroundpage均会通过Extension进程与加载有相应原始页面的Render进程通信，以此根据功能代码增加和/或修改相应原始页面的content-scripts，进而实现向原始页面进一步注入相应的功能元素，由于backgroundpage在宏观上控制多个原始页面，因此加载backgroundpage的Extension进程需要持续占用设备的CPU及内存等运算资源，另外，Extension进程与Render进程通信时也会占用一定的通信资源，而当设备出现资源负担较大的情况时，Extension进程可能会因其较长的工作持续时间而被系统优先释放，因此难以确保backgroundpage中功能代码在原始页面中的正常注入，进而降低了页面加载过程的整体可靠性。由此可见，提供一种页面加载方法，以确保功能代码在原始页面中的正常注入，进而保证页面加载过程的整体可靠性，是本领域技术人员亟待解决的问题。
技术实现思路
本专利技术的目的是提供一种页面加载方法、装置、系统及介质，以确保功能代码在原始页面中的正常注入，进而保证页面加载过程的整体可靠性。为解决上述技术问题，本专利技术提供一种页面加载方法，方法包括：当加载目标页面时，启动Render进程并通过Render进程运行目标页面；利用Render进程加载目标页面对应的content-scripts，以在加载目标页面的过程中，将content-scripts中的功能元素注入至目标页面；其中，content-scripts中的功能元素包含有backgroundpage注入目标页面的功能代码。优选的，方法还包括：当设备资源占用率超过额定值导致Render进程结束运行时，重新启动Render进程并运行目标页面；利用Render进程重新加载content-scripts，以将功能元素重新注入至目标页面。优选的，方法还包括：当目标页面关闭时，释放Render进程占用的设备资源。优选的，功能元素包括JavaScript元素、CSS元素以及DOM元素。此外，本专利技术还提供一种页面加载装置，装置包括存储器、处理器和总线，存储器上存储有可由总线传输至处理器在处理器上运行的页面加载程序，页面加载程序被处理器执行时实现如下方法：当加载目标页面时，启动Render进程并通过Render进程运行目标页面；利用Render进程加载目标页面对应的content-scripts，以在加载目标页面的过程中，将content-scripts中的功能元素注入至目标页面；其中，content-scripts中的功能元素包含有backgroundpage注入目标页面的功能代码。优选的，页面加载程序还可被处理器执行以实现：当设备资源占用率超过额定值导致Render进程结束运行时，重新启动Render进程并运行目标页面；利用Render进程重新加载content-scripts，以将功能元素重新注入至目标页面。优选的，页面加载程序还可被处理器执行以实现：当目标页面关闭时，释放Render进程占用的设备资源。优选的，装置为组成CDN网络或者区块链网络的节点。此外，本专利技术还提供一种页面加载系统，系统包括：进程启动模块，用于当加载目标页面时，启动Render进程并通过Render进程运行目标页面；页面注入模块，用于利用Render进程加载目标页面对应的content-scripts，以在加载目标页面的过程中，将content-scripts中的功能元素注入至目标页面；其中，content-scripts中的功能元素包含有backgroundpage注入目标页面的功能代码。此外，本专利技术还提供一种计算机可读存储介质，计算机可读存储介质上存储有页面加载程序，页面加载程序可被一个或者多个处理器执行，以实现如上述的页面加载方法。此外，本专利技术还提供一种计算机程序产品，包括计算机指令，当其在计算机上运行时，使得计算机可以执行上述的页面加载方法。本专利技术所提供的页面加载方法，当加载目标页面时，开启Render进程运行该目标页面，进而利用Render进程加载目标页面对应的content-scripts，以在目标页面的加载过程中，将content-scripts中的功能元素注入至该目标页面中，并且在content-scripts的功能元素中包含有backgroundpage需要注入该目标页面的相应功能代码。本方法预先将backgroundpage需要注入目标页面的相应功能代码分配至目标页面的content-scripts中，进而通过Render进程加载content-scripts的方式，将功能代码注入至目标页面，由于content-scripts中预先包含有backgroundpage需要注入目标页面的相应功能代码，因此与现有技术相比，本方法无需通过启动Extension进程加载多个页面对应的backgroundpage，即可实现对目标页面进行功能代码的注入，因此避免了因Extension进程对设备资源持续占用以及Extension进程与Render进程通信所产生的整体资源开销，进一步避免了当设备出现资源负担较大的情况时，Extension进程被系统优先释放的情况产生，从而确保了功能代码在原始页面中的正常注入，进而保证了页面加载过程的整体可靠性。此外，本文档来自技高网...

【技术保护点】
1.一种页面加载方法，其特征在于，所述方法包括：当加载目标页面时，启动Render进程并通过所述Render进程运行所述目标页面；利用所述Render进程加载所述目标页面对应的content‑scripts，以在加载所述目标页面的过程中，将所述content‑scripts中的功能元素注入至所述目标页面；其中，所述content‑scripts中的功能元素包含有background page注入所述目标页面的功能代码。

【技术特征摘要】
1.一种页面加载方法，其特征在于，所述方法包括：当加载目标页面时，启动Render进程并通过所述Render进程运行所述目标页面；利用所述Render进程加载所述目标页面对应的content-scripts，以在加载所述目标页面的过程中，将所述content-scripts中的功能元素注入至所述目标页面；其中，所述content-scripts中的功能元素包含有backgroundpage注入所述目标页面的功能代码。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：当设备资源占用率超过额定值导致所述Render进程结束运行时，重新启动所述Render进程并运行所述目标页面；利用所述Render进程重新加载所述content-scripts，以将所述功能元素重新注入至所述目标页面。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：当所述目标页面关闭时，释放所述Render进程占用的设备资源。4.根据权利要求1至3任意一项所述的方法，其特征在于，所述功能元素包括JavaScript元素、CSS元素以及DOM元素。5.一种页面加载装置，其特征在于，所述装置包括存储器、处理器和总线，所述存储器上存储有可由总线传输至所述处理器在所述处理器上运行的页面加载程序，所述页面加载程序被所述处理器执行时实现如下方法：当加载目标页面时，启动Render进程并通过所述Render进程运行所述目标页面；利用所述Render进程加载所述目标页面对应的content-scripts，以在加载所述目标页面的过程中，将所述conten...

【专利技术属性】
技术研发人员：石鑫，
申请(专利权)人：深圳市网心科技有限公司，
类型：发明
国别省市：广东,44