CN112559927B - 一种网页加载方法及装置 - Google Patents

一种网页加载方法及装置 Download PDF

Info

Publication number
CN112559927B
CN112559927B CN202011538525.2A CN202011538525A CN112559927B CN 112559927 B CN112559927 B CN 112559927B CN 202011538525 A CN202011538525 A CN 202011538525A CN 112559927 B CN112559927 B CN 112559927B
Authority
CN
China
Prior art keywords
webpage
webpage resource
resource package
package
resource
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202011538525.2A
Other languages
English (en)
Other versions
CN112559927A (zh
Inventor
施波迪
易超凡
席浩洋
秦泽西
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN202011538525.2A priority Critical patent/CN112559927B/zh
Publication of CN112559927A publication Critical patent/CN112559927A/zh
Application granted granted Critical
Publication of CN112559927B publication Critical patent/CN112559927B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/06Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种网页加载方法及装置,其中所述网页加载方法包括:接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。

Description

一种网页加载方法及装置
技术领域
本申请涉及互联网技术领域,特别涉及一种网页加载方法。本申请同时涉及一种网页加载装置,一种计算设备,以及一种计算机可读存储介质。
背景技术
随着互联网技术的快速发展,各种各样的应用程序层出不穷,在应用程序中经常出现使用浏览器加载网页页面的情况,为了提高用户体验,如何更快地将资源加载到页面是本领域研究的热点课题之一。
现有技术中,常用的页面加载方式有三种,一是图片资源按需加载,极大的加快了多图网页内容的展示速度,但在没有网络接入的情况下无法实现;二是增加内容分发网络节点(CDN节点),使资源可以从较近的节点服务器获取到,但需要付费才可使用;三是浏览器缓存机制,可以在无网络的情况下实现网页加载,但其缓存空间小,资源可能被清理。因此,需要一种更快捷、不付费、在无网络的情况下也可以实现网页加载的方法。
发明内容
有鉴于此,本申请实施例提供了一种网页加载方法。本申请同时涉及一种网页加载装置,一种计算设备,以及一种计算机可读存储介质,以解决现有技术中存在的技术缺陷。
根据本申请实施例的第一方面,提供了一种网页加载方法,包括:
接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;
接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;
检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;
匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。
可选的,所述接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包,包括:
接收到所述服务器反馈的应答消息后,将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比,当版本号不一致时,下载并解压对应的网页资源包。
可选的,在所述将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比之后,还包括:
删除与服务器端的网页资源包版本号不一致的本地网页资源包。
可选的,所述下载并解压需要更新的网页资源包,包括:
根据所述网页资源包的权重将所述网页资源包划分为第一网页资源包、第二网页资源包、第三网页资源包;
在接入网络后,下载并解压第一网页资源包;
在网络速度高于第一阈值时,下载并解压第二网页资源包;
在终端处于空闲状态且网络速度高于第二阈值时,下载并解压第三网页资源包;
其中,所述第二阈值高于第一阈值。
可选的,所述从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件之后,还包括:
匹配失败后释放所述网页访问请求。
可选的,所述检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示,包括:
检测到有网页HTML请求时,拦截所述网页HTML请求,根据所述网页HTML请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页HTML请求对应的HTML文件;
匹配成功后返回对应的所述HTML文件,渲染网页,匹配失败则释放所述网页HTML请求;
检测到有网页资源请求时,拦截所述网页资源请求,根据所述网页资源请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页资源请求对应的资源文件;
匹配成功后返回对应的所述资源文件,渲染网页并展示,匹配失败则释放所述网页资源请求。
可选的,所述网页资源包包括HTML文件、资源文件和配置文件,其中,所述配置文件包含网页资源包公网地址与本地地址的映射关系,所述网页访问请求的标识包括所述网页访问请求中的公网地址;
根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包包括:
根据所述配置文件包含的网页资源包公网地址与本地地址的映射关系确定与所述公网地址对应的本地地址;
根据所述本地地址从本地网页资源包中查找对应的网页资源包。
可选的,所述公网地址与本地地址的映射关系包括一对一匹配、多对一通配匹配、多对多通配匹配。
根据本申请实施例的第二方面,提供了一种网页加载装置,包括:
发送模块,被配置为接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;
下载模块,被配置为接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;
拦截模块,被配置为检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;
展示模块,被配置为匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。
根据本申请实施例的第三方面,提供了一种计算设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令,所述处理器执行所述指令时实现所述网页加载方法的步骤。
根据本申请实施例的第四方面,提供了一种计算机可读存储介质,其存储有计算机指令,该指令被处理器执行时实现所述网页加载方法的步骤。
本申请提供的网页加载方法,接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。实现了将网页资源包预先下载至终端中保存,当终端打开网页时直接使用已下载的网页资源包来渲染网页内容,并且无需接入网络,免去打开网页时从互联网获取数据的耗时过程,达到加速效果。
附图说明
图1是本申请一实施例提供的一种网页加载方法的流程图;
图2是本申请一实施例提供的一种多对多通配匹配的流程图;
图3是本申请一实施例提供的一种应用于视频软件的网页加载方法的处理流程图;
图4是本申请一实施例提供的一种网页加载装置的结构示意图;
图5是本申请一实施例提供的一种计算设备的结构框图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请一个或多个实施例范围的情况下,第一也可以被称为第二,类似地,第二也可以被称为第一。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
首先,对本申请一个或多个实施例涉及的名词术语进行解释。
HTML:即超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。
离线加速:终端在不需接入互联网的情况下即可呈现互联网内容,免去数据传输时间,达到加速效果。
沙盒路径:每个应用都有自己的沙盒路径,应用沙盒就是文件***目录,与其他应用的文件***隔离,应用不允许访问其他应用的沙盒路径。
接下来,对本申请提供的页面加载方法的基本构思进行简述。
现有技术中的页面加载方法主要有三种,图片资源按需加载、增加CDN节点和浏览器缓存机制。图片资源按需加载在终端网页展示图片时,根据屏幕分辨率,下载对应的缩略图进行展示而不是原图,从而节省流量,极大的加快了多图网页内容的展示速度,但是需要接入网络。增加CDN节点将网络资源缓存在CDN节点上,终端网页下载资源时,从最近的CDN节点上下载,不需要访问远端资源服务器,但增加CDN节点需要付费,且需要接入网络。浏览器缓存机制由于大部分浏览器都支持HTTP协议头里的Cache-Control、Last-Modified标准,自动缓存应用了此标准的资源以供下次加载时使用,但其需要首次加载之后才能生效,且缓存空间有限,有可能被清理。
为了在不需要接入网络的情况下,提高网页加载的速度,本申请提出了一种网页加载方法,接收视频网页资源包下载通知,在接入网络的情况下,向服务器发送视频网页资源包下载请求;接收到所述服务器反馈的应答消息后,将本地视频网页资源包与服务器端的视频网页资源包进行对比,下载并解压需要更新的视频网页资源包;检测到有视频网页访问请求时,拦截所述视频网页访问请求,根据所述视频网页访问请求的标识从本地视频网页资源包中查找对应的视频网页资源包,从查找到的视频网页资源包中匹配与所述视频网页访问请求对应的视频网页资源文件;匹配成功后返回对应的所述视频网页资源文件,根据所述视频网页资源文件渲染网页并展示。实现了将视频网页资源包预先下载至手机中保存,当手机打开网页时直接使用已下载的视频网页资源包来渲染页面内容,并且无需接入网络,免去打开视频网页时从互联网获取数据的耗时过程,达到加速效果。
在本申请中,提供了一种网页加载方法,本申请同时涉及一种网页加载装置,一种计算设备,以及一种计算机可读存储介质,在下面的实施例中逐一进行详细说明。
图1示出了根据本申请一实施例提供的一种网页加载方法的流程图,具体包括以下步骤:
步骤102:接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求。
具体的,网页资源包下载通知是指用户打开终端应用程序时自动生成的下载通知;接入网络是指终端连接WIFI、接入移动数据等能够与服务器进行数据传输的网络连接;网页资源包下载请求是指终端为了向服务器请求可以下载的网页资源包而发送的请求。
实际应用中,终端显示器上会显示有应用程序的图形,用户可以通过点击、按压等操作运行该应用程序,该应用程序被运行后,立即生成网页资源包下载通知,即终端接收网页资源包下载通知。在接入网络的情况下,即在终端与服务器之间能够进行通信的情况下,终端向服务器发送网页资源包下载请求,即向服务器请求可以下载的网页资源包。
例如,用户在终端上通过点击视频应用程序的图标打开了一个视频播放应用程序,此时终端会接收到针对该应用程序的网页资源包下载通知。检测该终端接入网络,能够与服务器进行通信的情况下,终端向服务器请求可以下载的网页资源数据包。
本申请中可以通过在应用程序运行时,终端自动接收网页资源包下载通,并向服务器请求可下载的网页资源包,如此可以为后续用户浏览网页时页面加载加速,提高用户体验性。
步骤104,接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包。
具体的,服务器反馈的应答消息是指服务器反馈给终端允许终端下载网页资源包。在收到反馈的应答消息后,终端需要将本地网页资源包与服务器端的网页资源包进行对比,对比之后,下载本地与服务器端版本号不同的网页资源包。为了加快传输或下载网页资源包的速率,下载的网页资源包为压缩包,在下载完成后还需要对其进行解压操作。
实际应用中,接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包的具体实现过程可以为:
接收到所述服务器反馈的应答消息后,将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比,当版本号不一致时,下载并解压对应的网页资源包。
需要说明的是,每一个网页资源包都有一个对应的版本号,在将本地网页资源包与服务器端的网页资源包进行对比时,不需要对整个网页资源包进行对比,只需要通过对比网页资源包的版本号就可以了。这样可以快速明确需要更新的网页资源包,也一定程度上省去了终端对比本地网页资源包与服务器端的网页资源包的复杂过程。
在实际应用中,终端安装应用程序,首次运行该应用程序时,在接收到服务器反馈的应答消息后,由于终端没有该应用程序程序对应的网页资源包,需要将服务器允许下载的网页资源包进行下载、解压,并记录网页资源包的版本号。当再次运行该应用程序时,在收到服务器反馈的应答消息后,由于终端已有该应用程序程序对应的网页资源包,只需将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比,对于版本号不一致的网页资源包,需要下载并解压,同时更新版本号。
另外,在将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比之后,终端还需要删除与服务器端的网页资源包版本号不一致的本地网页资源包。
实际应用中,由于终端的存储空间有限,在本地网页资源包的版本号与服务器端的网页资源包的版本号对比之后,需要将终端与服务器端的网页资源包版本号不一致的旧版本的网页资源包进行删除,这样可以避免旧版本的网页资源包占用过多的存储空间。此外,若没有与本地网页资源包的版本号对应的服务器端的网页资源包的版本号,则认为该网页资源包已下线,同样需要将本地的该网页资源包进行删除。对于版本过旧、已下线的网页资源包,终端将其进行删除,节省了终端的存储空间。
需要说明的是,网页资源包具有下载优先级权重的属性,终端会根据权重,结合当前网络状态、磁盘剩余空间、远端服务器压力进行有调度的下载,具体实现过程可以为:
根据所述网页资源包的权重将所述网页资源包划分为第一网页资源包、第二网页资源包、第三网页资源包;
在接入网络后,下载并解压第一网页资源包;
在网络速度高于第一阈值时,下载并解压第二网页资源包;
在终端处于空闲状态且网络速度高于第二阈值时,下载并解压第三网页资源包;
其中,所述第二阈值高于第一阈值。
具体的,第一网页资源包是指终端缺少该网页资源包会导致核心页面功能无法正常运作或线上重大问题无法及时修复的网页资源包,第一网页资源包会在启用应用程序并接入网络时立即下载。对于第二网页资源包,终端会在应用程序启动后网络可用、网速高于第一阈值,且服务器压力低于阈值时下载。对于第三网页资源包,由于不会影响到应用程序的正常运作,终端会在应用程序处于空闲状态、网络速度高于第二阈值或者网络状态为WiFi,且服务器压力较低时进行下载。对于不同权重的网页资源包,可以选择不同的优先等级进行下载,更灵活,在不影响应用程序运行的同时,还降低了终端的下载压力。
本申请中可以通过对比本地网页资源包与服务器端的网页资源包,确定需要更新的网页资源包,下载并解压需要更新的网页资源包,完成网页资源包的预下载,便于用户访问网页时,终端根据本地网页资源包可以快速呈现网页,提高用户体验性。
步骤106,检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件。
具体的,网页访问请求是指终端应用程序使用浏览器打开网页时所发出的请求。在终端完成网页资源包预下载的基础上,即在将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包的基础上,进一步的,在用户在终端上打开应用程序,并使用浏览器访问网页时会向服务器发送网页访问请求,此时由终端将该网页访问请求进行拦截,同时终端对所述网页访问请求进行处理,分解出所述网页访问请求中的标识,并根据该标识从本地已下载的网页资源包中找到对应该网页的网页资源包,再根据网页访问请求从找到的网页资源包中匹配对应网页资源文件。
实际应用中,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件,可能会存在匹配不成功的现象,即在本地网页资源包中匹配不到与所述网页访问请求对应的网页资源文件,此时终端会在匹配失败后释放所述网页访问请求,即将所述页面访问请求发送至服务器,使浏览器正常发起网页访问请求,如此避免了因本地网页资源包缺失而造成的网页访问故障。
进一步的,所述网页资源包中包括HTML文件、资源文件和配置文件,其中,所述配置文件包含网页资源包公网地址与本地地址的映射关系,所述网页访问请求的标识包括所述网页访问请求中的公网地址;
根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包包括:
根据所述配置文件包含的网页资源包公网地址与本地地址的映射关系确定与所述公网地址对应的本地地址;
根据所述本地地址从本地网页资源包中查找对应的网页资源包。
在实际应用中,配置文件可以是json配置文件,当输入一个网页的公网地址时,可通过配置文件中网页资源包公网地址与本地地址的映射关系输出一个资源的本地地址,即确定所述公网地址对应的本地地址,之后可以根据本地地址直接在本地网页资源包中查找对应的网页资源包。此外,在输出本地地址时需补充终端应用程序的沙盒路径以及资源包版本路径。应用程序使用浏览器打开网页地址,即输入一个资源的公网地址后,浏览器会发送页面访问请求,终端拦截该页面访问请求,即阻止该页面访问请求进入公网,根据页面访问请求的公网地址和配置文件中的映射关系确定与所述公网地址对应的本地地址,根据所述本地地址直接在已下载的网页资源包内找到对应的网页资源包。若匹配失败,所述页面访问请求被释放后,终端会根据公网地址到公网上寻找对应的服务器,下载该网页对应的网页资源包,并返回。
需要说明的是,所述公网地址与本地地址的映射关系包括一对一匹配、多对一通配匹配、多对多通配匹配。
所述一对一匹配为只能将特定的一个公网地址转换为特定的一个本地地址,如“键:https://remote-host/black/index.html,配置值:bundle_name/index.html”,又如“键:https://remote-image-host/black/banner.webp,配置值:bundle_name/image/banner.webp”。当所述公网地址命中一对一匹配时,根据所述一对一匹配将所述公网地址转换为本地地址。
所述多对一通配匹配为可以将多个公网地址转换为特定的一类本地地址,如“键:https://remote-css-host/*,配置值:bundle_name/css/v1/style.css”,其中,“*”为通配符。当所述公网地址命中多对一通配匹配时,根据所述多对一通配匹配将所述公网地址转换为本地地址。
所述多对多通配匹配为可以将多个公网地址转换为多种不同的本地地址,如“键:https://remote-js-host/*,配置值:bundle_name/js/*”,其中,“*”为通配符。当所述公网地址命中多对多通配匹配时,根据所述多对多通配匹配将所述公网地址转换为本地地址。
具体的,参见图3,对所述多对多通配匹配的过程进行详细说明:
确定公网地址202为“https://remote-js-host/blackboard/activity/main.js”,根据公网地址选择对应的映射关系,并命中配置204“键:https://remote-js-host/*,配置值:bundle_name/js/*”,可见所述映射关系为多对多通配匹配。之后拆分公网地址202,将其分为非通配部分206“https://remote-js-host/”和通配部分208“blackboard/activity/main.js”。对于非通配部分206“https://remote-js-host/”,利用配置值替换键值210得到“bundle_name/js/”,然后补充网页资源包版本目录层级212得到“bundle_name/v2/js/”,再补充应用程序的沙盒目录层级214变为“app_bundle/bundle_name/v2/js/”,并与通配部分208“blackboard/activity/main.js”组合形成本地路径216“app_bundle/bundle_name/v2/js/blackboard/activity/main.js”,最终形成“file:///app_bundle/bundle_name/v2/js/blackboard/activity/main.js”,即本地地址218。
本申请中可以通过拦截网页访问请求,根据网页访问请求的标识查找对应的网页资源包,并从该网页资源包中匹配与网页访问请求对应的网页资源包,便于快速找到与所访问的页面相关的对应文件,有助于提高网页呈现的速度,提高用户体验。
步骤108,匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。
具体的,将匹配到的网页资源文件返回后,终端根据返回的网页资源文件渲染网页,最后形成用户想要访问的网页页面展示给用户。
需要说明的是,用户中的打开应用程序并访问页面时,由浏览器发起页面访问请求分为两类,即所述检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示的具体实现过程可以为:
检测到有网页HTML请求时,拦截所述网页HTML请求,根据所述网页HTML请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页HTML请求对应的HTML文件;
匹配成功后返回对应的所述HTML文件,渲染网页,匹配失败则释放所述网页HTML请求;
检测到有网页资源请求时,拦截所述网页资源请求,根据所述网页资源请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页资源请求对应的资源文件;
匹配成功后返回对应的所述资源文件,渲染网页并展示,匹配失败则释放所述网页资源请求。
具体的,网页HTML请求是指终端应用程序使用浏览器打开网页地址时所发出的请求;网页资源请求是指终端应用程序内浏览器开始渲染网页时所发出的请求;HTML文件是指通过标记符号来标记要显示的网页中的各个部分的文件;资源文件是指js、css、图片等资源对应的文件。
在实际应用中,当终端应用程序使用浏览器打开网页地址时,首先会发起网页HTML请求,终端检测到该网页HTML请求时进行拦截,并根据网页HTML请求中的标识找到对应的网页资源包,之后再找到的网页资源包中匹配与网页HTML请求对应的HTML文件。具体的,对于Android***的终端,使用WebViewClient中的WebResourceResponseshouldInterceptRequest(WebViewview,WebResourceRequest request)函数进行匹配,若匹配成功,则返回网页资源包中的HTML文件,终端根据返回的HTML文件渲染网页;若匹配失败,则返回nil,同时终端释放网页HTML请求,发起正常的网络请求。对于iOS***的终端,网页加载前先匹配资源包内的网页html文件,再调用WKWebView中的loadHTMLString:baseURL:方法返回对应的网页html文件;若匹配失败,则WKWebView将直接执行loadRequest:方法正常发起网络请求,即终端释放网页HTML请求,发起正常的网络请求。
进一步地,在终端根据返回的HTML文件渲染网页之后,即明确网页如何显示其中的内容,包括:文字如何处理,画面如何安排,图片如何显示等,此时会发起一系列网页资源请求,终端检测到该网页资源请求时进行拦截,并根据网页资源请求中的标识找到对应的网页资源包,之后再找到的网页资源包中匹配与网页资源请求对应的资源文件。例如,如果所述网页资源请求为网页图片请求,根据该网页图片请求在网页资源包中匹配对应的网页图片文件。
具体的,对于Android***的终端,对于网页资源请求的拦截与匹配过程和对于网页HTML请求的拦截与匹配过程类似,这里就不再赘述。对于iOS***的终端,使用WKURLSchemeHandler一类的方法实现拦截网页资源请求,匹配并返回网页资源包内的资源文件,若不能匹配将正常发起网络请求。
需要说明的是,网页资源请求可以是一个,也可以是多个。如果有多个网页资源请求,逐一按照上述拦截网页资源请求、匹配网页资源文件的方法进行。在所有的网页资源请求都完成之后,即所有网页资源都渲染之后,展示网页。
本申请可以通过本地已下载网页资源文件来渲染网页内容,并且不需要接入网络,实现了网页的离线加速。
本申请提供的网页加载方法,接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。实现了将网页资源包预先下载至终端中保存,当终端打开网页时直接使用已下载的网页资源包来渲染网页内容,并且无需接入网络,免去打开网页时从互联网获取数据的耗时过程,达到加速效果。
下述结合附图3,以本申请提供的网页加载方法在视频软件中的应用为例,对所述网页加载方法进行进一步说明。其中,图3示出了本申请一实施例提供的一种应用于视频软件的网页加载方法的处理流程图,具体包括以下步骤:
步骤302:下载/更新网页资源包。
当用户启动视频软件时,接收视频网页资源包下载通知,在接入网络的情况下,向服务器发送视频网页资源包下载请求。
具体的,视频网页资源包下载通知是指用户打开手机中视频软件时自动生成的下载通知;接入网络是指手机连接WIFI、接入移动数据等状态;视频网页资源包下载请求是指手机向服务器请求可以下载的视频网页资源包而发送的请求。所述视频网页资源包中包括HTML文件、css/js/图片资源文件和配置文件,其中,所述配置文件包含视频网页资源包公网地址与本地地址的映射关系。
实际应用中,手机页面上会显示有视频软件的图形,用户可以通过点击图形打开该视频软件,此时手机接收视频网页资源包下载通知。在接入网络的情况下,由手机向服务器请求可以下载的视频网页资源包。
本申请中可以通过在视频软件运行时,自动接收视频网页资源包下载通,并向服务器请求可下载的视频网页资源包,如此可以为后续用户观看视频时页面加载加速,提高用户体验性。
接收到所述服务器反馈的应答消息后,将本地视频网页资源包与服务器端的视频网页资源包进行对比,下载并解压需要更新的视频网页资源包。
具体的,在收到反馈的应答消息后,需要将本地视频网页资源包与服务器端的视频网页资源包进行对比,对比之后,下载本地与服务器端版本号不同的视频网页资源包。为了加快传输或下载视频网页资源包的速率,下载的视频网页资源包为压缩包,在下载完成后还需要对其进行解压操作。
进一步的,接收到所述服务器反馈的应答消息后,将本地视频网页资源包的版本号与服务器端的视频网页资源包的版本号进行对比,当版本号不一致时,下载并解压对应的视频网页资源包。
需要说明的是,每一个视频网页资源包都有一个对应的版本号,在将本地视频网页资源包与服务器端的视频网页资源包进行对比时,不需要对整个视频网页资源包进行对比,只需要通过对比视频网页资源包的版本号就可以了。这样可以快速明确需要更新的视频网页资源包,也一定程度上省去了手机对比本地视频网页资源包与服务器端的视频网页资源包的复杂过程。
此外,在将本地视频网页资源包的版本号与服务器端的视频网页资源包的版本号进行对比之后,终端还需要删除与服务器端的视频网页资源包版本号不一致的本地网页资源包。
实际应用中,由于手机内的存储空间有限,在本地视频网页资源包的版本号与服务器端的视频网页资源包的版本号对比之后,需要将手机与服务器端的视频网页资源包版本号不一致的旧版本的视频网页资源包进行删除,这样可以避免旧版本的视频网页资源包占用过多的存储空间。此外,若没有与本地视频网页资源包的版本号对应的服务器端的视频网页资源包的版本号,则认为该视频网页资源包已下线,同样需要将本地的该视频网页资源包进行删除。对于版本过旧、已下线的视频网页资源包,将其进行删除,节省了手机内部的存储空间。
需要说明的是,视频网页资源包具有下载优先级权重的属性,根据权重,结合当前网络状态、磁盘剩余空间、远端服务器压力进行有调度的下载,具体实现过程可以为:
根据所述视频网页资源包的权重将所述网页资源包划分为第一视频网页资源包、第二视频网页资源包、第三视频网页资源包;
在接入网络后,下载并解压第一视频网页资源包;
在网络速度高于第一阈值时,下载并解压第二视频网页资源包;
在终端处于空闲状态且网络速度高于第二阈值时,下载并解压第三视频网页资源包;
其中,所述第二阈值高于第一阈值。
具体的,第一视频网页资源包是指缺少该视频网页资源包会导致视频软件的核心页面功能无法正常运作或线上重大问题无法及时修复的视频网页资源包,第一视频资源包会在启用应用程序并接入网络时立即下载。对于第二视频网页资源包,会在应用程序启动后网络可用、网络速度高于第一阈值,且服务器压力低于阈值时下载。对于第三视频网页资源包,由于不会影响到应用程序的正常运作,在应用程序处于空闲状态、网络速度高于第二阈值或者网络状态为WiFi,且服务器压力较低时进行下载。对于不同权重的视频网页资源包,可以选择不同的优先等级进行下载,更灵活,在不影响视频软件运行的同时,还降低了下载压力。
本申请中可以通过对比本地视频网页资源包与服务器端的视频网页资源包,确定需要更新的视频网页资源包,下载并解压需要更新的视频网页资源包,完成视频网页资源包的预下载,便于用户查看视频页面时,根据本地视频网页资源包可以快速呈现网页,提高用户体验性。
步骤304:打开浏览器。
用户可以通过所述视频软件打开自己想要浏览的某个视频的页面,即打开浏览器。
步骤306:请求HTML。
具体的,当用户在手机上打开视频软件并访问视频页面时,首先会向服务器发送视频网页HTML请求,此时将所述视频网页HTML请求进行拦截。
步骤308:匹配HTML文件。
根据拦截的视频网页HTML请求的标识从本地已下载的视频网页资源包中找到对应的视频网页资源包,再根据视频网页HTML请求从找到的视频网页资源包中匹配对应HTML文件。匹配失败,则执行步骤310;匹配成功,返回对应的HTML文件,执行步骤312。
步骤310:请求远端HTML。
匹配失败后,终端则释放所述视频网页HTML请求,由浏览器正常发起视频网页HTML请求,向远端服务器请求对应的HTML文件并返回对应的HTML文件。
步骤312:渲染HTML。
在获得对应的HTML文件后,根据所述HTML文件渲染视频网页的页面。
步骤314:请求css/js/图片资源。
当渲染HTML完成时,浏览器会发出视频网页资源请求,即css/js/图片资源请求。同时由终端将所述css/js/图片资源请求进行拦截。
步骤316:匹配css/js/图片资源文件。
根据拦截的所述css/js/图片资源请求的标识从本地视频网页资源包中查找对应的视频网页资源包,从查找到的视频网页资源包中匹配与所述视频网页资源请求对应的css/js/图片资源文件。匹配成功,返回对应的css/js/图片资源文件,执行步骤320;匹配失败,则执行步骤318。
步骤318:请求远端css/js/图片资源。
渲染页面并展示,匹配失败则释放所述视频网页资源请求。
匹配失败后,终端则释放所述css/js/图片资源请求,由浏览器正常发起css/js/图片资源请求,向远端服务器请求对应的css/js/图片资源文件并返回对应的css/js/图片资源文件。
步骤320:渲染css/js/图片。
在获得对应的css/js/图片资源文件后,根据所述css/js/图片资源文件渲染视频网页的页面。
步骤322:下一个资源请求。
判断是否还有下一个资源请求,如果有,则执行步骤314;如果没有则执行步骤324。
步骤324:呈现网页。
将渲染好的视频网页呈现给客户。
本申请提供的网页加载方法,下载/更新网页资源包;打开浏览器;请求HTML;匹配HTML文件;请求远端HTML;渲染HTML;请求css/js/图片资源;匹配css/js/图片资源文件;请求远端css/js/图片资源;渲染css/js/图片;下一个资源请求;呈现网页。实现了将视频网页资源包预先下载至手机中保存,当手机打开网页时直接使用已下载的视频网页资源包来渲染页面内容,并且无需接入网络,免去打开视频网页时从互联网获取数据的耗时过程,达到加速效果。
与上述方法实施例相对应,本申请还提供了网页加载装置实施例,图4示出了本申请一实施例提供的一种网页加载装置的结构示意图。如图4所示,该装置包括:
发送模块402,被配置为接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;
下载模块404,被配置为接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;
拦截模块406,被配置为检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;
展示模块408,被配置为匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。
所述下载模块404,还被配置为接收到所述服务器反馈的应答消息后,将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比,当版本号不一致时,下载并解压对应的网页资源包。
所述装置,还包括:
删除模块,被配置为删除与服务器端的网页资源包版本号不一致的本地网页资源包。
所述下载模块404,还被配置为根据所述网页资源包的权重将所述网页资源包划分为第一网页资源包、第二网页资源包、第三网页资源包,在接入网络后,下载并解压第一网页资源包,在网络速度高于第一阈值时,下载并解压第二网页资源包,在终端处于空闲状态且网络速度高于第二阈值时,下载并解压第三网页资源包,其中,所述第二阈值高于第一阈值。
所述装置,还包括:
释放模块,被配置为匹配失败后释放所述网页访问请求。
所述拦截模块406,还被配置为检测到有网页HTML请求时,拦截所述网页HTML请求,根据所述网页HTML请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页HTML请求对应的HTML文件。
所述展示模块408,还被配置为匹配成功后返回对应的所述HTML文件,渲染网页。
所述释放模块,还被配置为匹配失败则释放所述网页HTML请求;
所述拦截模块406,还被配置为检测到有网页资源请求时,拦截所述网页资源请求,根据所述网页资源请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页资源请求对应的资源文件。
所述展示模块408,还被配置为匹配成功后返回对应的所述资源文件,渲染网页并展示。
所述释放模块,还被配置为匹配失败则释放所述网页资源请求。
所述拦截模块406,还被配置为所述网页资源包包括HTML文件、资源文件和配置文件,所述配置文件包含网页资源包公网地址与本地地址的映射关系,所述网页访问请求的标识包括所述网页访问请求中的公网地址,根据所述配置文件包含的网页资源包公网地址与本地地址的映射关系确定与所述公网地址对应的本地地址,根据所述本地地址从本地网页资源包中查找对应的网页资源包。
所述拦截模块406,还被配置为所述公网地址与本地地址的映射关系包括一对一匹配、多对一通配匹配、多对多通配匹配。
本申请提供的网页加载装置,发送模块,被配置为接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;下载模块,被配置为接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;拦截模块,被配置为检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;展示模块,被配置为匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示。实现了将网页资源包预先下载至终端中保存,当终端打开网页时直接使用已下载的网页资源包来渲染网页内容,并且无需接入网络,免去打开网页时从互联网获取数据的耗时过程,达到加速效果。
上述为本实施例的一种网页加载装置的示意性方案。需要说明的是,该网页加载装置的技术方案与上述的网页加载方法的技术方案属于同一构思,网页加载装置的技术方案未详细描述的细节内容,均可以参见上述网页加载方法的技术方案的描述。
图5示出了根据本说明书一个实施例提供的一种计算设备500的结构框图。该计算设备500的部件包括但不限于存储器510和处理器520。处理器520与存储器510通过总线530相连接,数据库550用于保存数据。
计算设备500还包括接入设备540,接入设备540使得计算设备500能够经由一个或多个网络560通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备540可以包括有线或无线的任何类型的网络接口(例如,网络接口卡(NIC))中的一个或多个,诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口,等等。
在本说明书的一个实施例中,计算设备500的上述部件以及图5中未示出的其他部件也可以彼此相连接,例如通过总线。应当理解,图5所示的计算设备结构框图仅仅是出于示例的目的,而不是对本说明书范围的限制。本领域技术人员可以根据需要,增添或替换其他部件。
计算设备500可以是任何类型的静止或移动计算设备,包括移动计算机或移动计算设备(例如,平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如,智能手机)、可佩戴的计算设备(例如,智能手表、智能眼镜等)或其他类型的移动设备,或者诸如台式计算机或PC的静止计算设备。计算设备500还可以是移动式或静止式的服务器。
其中,处理器520执行所述指令时实现所述的网页加载方法的步骤。
上述为本实施例的一种计算设备的示意性方案。需要说明的是,该计算设备的技术方案与上述的网页加载方法的技术方案属于同一构思,计算设备的技术方案未详细描述的细节内容,均可以参见上述网页加载方法的技术方案的描述。
本申请一实施例还提供一种计算机可读存储介质,其存储有计算机指令,该指令被处理器执行时实现如前所述网页加载方法的步骤。
上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是,该存储介质的技术方案与上述的网页加载方法的技术方案属于同一构思,存储介质的技术方案未详细描述的细节内容,均可以参见上述网页加载方法的技术方案的描述。
上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
所述计算机指令包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
需要说明的是,对于前述的各方法实施例,为了简便描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其它顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定都是本申请所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其它实施例的相关描述。
以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节,也不限制该发明仅为所述的具体实施方式。显然,根据本申请的内容,可作很多的修改和变化。本申请选取并具体描述这些实施例,是为了更好地解释本申请的原理和实际应用,从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。

Claims (10)

1.一种网页加载方法,其特征在于,包括:
接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;
接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;
检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;
匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示;
其中,所述下载并解压需要更新的网页资源包,包括:根据所述网页资源包的权重将所述网页资源包划分为第一网页资源包、第二网页资源包、第三网页资源包;在接入网络后,下载并解压所述第一网页资源包;在网络速度高于第一阈值时,下载并解压所述第二网页资源包;在处于空闲状态且网络速度高于第二阈值时,下载并解压所述第三网页资源包,其中,所述第二阈值高于所述第一阈值,所述第一网页资源包是指终端缺少该网页资源包会导致核心页面功能无法正常运作或线上重大问题无法及时修复的网页资源包,所述第三网页资源包是指不会影响应用程序正常运作的网页资源包,所述应用程序与所述网页资源包相对应。
2.如权利要求1所述的方法,其特征在于,所述接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包,包括:
接收到所述服务器反馈的应答消息后,将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比,当版本号不一致时,下载并解压对应的网页资源包。
3.如权利要求2所述的方法,其特征在于,在所述将本地网页资源包的版本号与服务器端的网页资源包的版本号进行对比之后,还包括:
删除与服务器端的网页资源包版本号不一致的本地网页资源包。
4.如权利要求1所述的方法,其特征在于,所述从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件之后,还包括:
匹配失败后释放所述网页访问请求。
5.如权利要求1或4所述的方法,其特征在于,所述检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示,包括:
检测到有网页HTML请求时,拦截所述网页HTML请求,根据所述网页HTML请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页HTML请求对应的HTML文件;
匹配成功后返回对应的所述HTML文件,渲染网页,匹配失败则释放所述网页HTML请求;
检测到有网页资源请求时,拦截所述网页资源请求,根据所述网页资源请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页资源请求对应的资源文件;
匹配成功后返回对应的所述资源文件,渲染网页并展示,匹配失败则释放所述网页资源请求。
6.如权利要求1所述的方法,其特征在于,所述网页资源包包括HTML文件、资源文件和配置文件,其中,所述配置文件包含网页资源包公网地址与本地地址的映射关系,所述网页访问请求的标识包括所述网页访问请求中的公网地址;
根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包包括:
根据所述配置文件包含的网页资源包公网地址与本地地址的映射关系确定与所述公网地址对应的本地地址;
根据所述本地地址从本地网页资源包中查找对应的网页资源包。
7.如权利要求6所述的方法,其特征在于,所述公网地址与本地地址的映射关系包括一对一匹配、多对一通配匹配、多对多通配匹配。
8.一种网页加载装置,其特征在于,包括:
发送模块,被配置为接收网页资源包下载通知,在接入网络的情况下,向服务器发送网页资源包下载请求;
下载模块,被配置为接收到所述服务器反馈的应答消息后,将本地网页资源包与服务器端的网页资源包进行对比,下载并解压需要更新的网页资源包;
拦截模块,被配置为检测到有网页访问请求时,拦截所述网页访问请求,根据所述网页访问请求的标识从本地网页资源包中查找对应的网页资源包,从查找到的网页资源包中匹配与所述网页访问请求对应的网页资源文件;
展示模块,被配置为匹配成功后返回对应的所述网页资源文件,根据所述网页资源文件渲染网页并展示;
所述下载模块,进一步被配置为根据所述网页资源包的权重将所述网页资源包划分为第一网页资源包、第二网页资源包、第三网页资源包;在接入网络后,下载并解压所述第一网页资源包;在网络速度高于第一阈值时,下载并解压所述第二网页资源包;在处于空闲状态且网络速度高于第二阈值时,下载并解压所述第三网页资源包,其中,所述第二阈值高于所述第一阈值,所述第一网页资源包是指终端缺少该网页资源包会导致核心页面功能无法正常运作或线上重大问题无法及时修复的网页资源包,所述第三网页资源包是指不会影响应用程序正常运作的网页资源包,所述应用程序与所述网页资源包相对应。
9.一种计算设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令,其特征在于,所述处理器执行所述指令时实现权利要求1-7任意一项所述方法的步骤。
10.一种计算机可读存储介质,其存储有计算机指令,其特征在于,该指令被处理器执行时实现权利要求1-7任意一项所述方法的步骤。
CN202011538525.2A 2020-12-23 2020-12-23 一种网页加载方法及装置 Active CN112559927B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011538525.2A CN112559927B (zh) 2020-12-23 2020-12-23 一种网页加载方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011538525.2A CN112559927B (zh) 2020-12-23 2020-12-23 一种网页加载方法及装置

Publications (2)

Publication Number Publication Date
CN112559927A CN112559927A (zh) 2021-03-26
CN112559927B true CN112559927B (zh) 2023-01-03

Family

ID=75031530

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011538525.2A Active CN112559927B (zh) 2020-12-23 2020-12-23 一种网页加载方法及装置

Country Status (1)

Country Link
CN (1) CN112559927B (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112988284B (zh) * 2021-05-13 2021-08-24 太平金融科技服务(上海)有限公司 应用程序启动方法、装置、计算机设备和存储介质
CN113312572A (zh) * 2021-05-17 2021-08-27 深圳市中科明望通信软件有限公司 一种资源处理方法、装置、存储介质及电子设备
CN113626741A (zh) * 2021-07-02 2021-11-09 杭州隆埠科技有限公司 一种移动客户端网页加载的方法及设备
CN113268261B (zh) * 2021-07-16 2022-05-10 北京乐学帮网络技术有限公司 一种页面内容展示方法、装置以及电子设备
CN113656107A (zh) * 2021-08-23 2021-11-16 天津中新智冠信息技术有限公司 移动应用的加载方法、装置及电子设备
CN114064146B (zh) * 2021-11-16 2024-04-09 珠海金山数字网络科技有限公司 资源加载方法及装置
CN114760282A (zh) * 2022-04-29 2022-07-15 深圳依时货拉拉科技有限公司 基于ios***的网络请求方法、装置、设备及存储介质

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106709046A (zh) * 2016-12-30 2017-05-24 深圳天珑无线科技有限公司 网页显示方法及装置
CN108932332A (zh) * 2018-07-05 2018-12-04 麒麟合盛网络技术股份有限公司 静态资源的加载方法及装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104965848B (zh) * 2015-02-12 2018-01-23 腾讯科技(深圳)有限公司 一种前端资源加载方法及装置
CN108228818B (zh) * 2017-12-29 2021-01-12 网易(杭州)网络有限公司 网页资源加载方法及装置、电子设备、以及存储介质
CN108549673A (zh) * 2018-03-29 2018-09-18 优视科技有限公司 网页资源的预加载方法、客户端、服务器及网络***
CN109710870A (zh) * 2018-12-27 2019-05-03 北京微播视界科技有限公司 H5页面的加载方法、装置、电子设备及可读存储介质
CN112073405B (zh) * 2020-09-03 2024-02-06 中国平安财产保险股份有限公司 网页数据加载方法、装置、计算机设备及存储介质

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106709046A (zh) * 2016-12-30 2017-05-24 深圳天珑无线科技有限公司 网页显示方法及装置
CN108932332A (zh) * 2018-07-05 2018-12-04 麒麟合盛网络技术股份有限公司 静态资源的加载方法及装置

Also Published As

Publication number Publication date
CN112559927A (zh) 2021-03-26

Similar Documents

Publication Publication Date Title
CN112559927B (zh) 一种网页加载方法及装置
WO2020199751A1 (zh) 用于加载页面图片的方法、装置和电子设备
CN107622135B (zh) 用于显示信息的方法和装置
RU2689439C2 (ru) Улучшение производительности веб-доступа
US9690568B2 (en) Client-side script bundle management system
CN110866204B (zh) 一种页面处理方法及装置
CN105760405A (zh) 用于加载web页面的网络资源获取方法、缓存方法及装置
CN105095280A (zh) 一种浏览器缓存方法和装置
US11436066B2 (en) System for offline object based storage and mocking of rest responses
CN109992406B (zh) 图片请求方法、响应图片请求的方法及客户端
US10289747B2 (en) Dynamic file concatenation
US9727643B2 (en) Managing loading of web pages
US20070288591A1 (en) Method, system, and program product for caching application data in a browser cache
CN112241298A (zh) 页面显示方法及装置、存储介质、电子装置
CN111339461A (zh) 应用程序的页面访问方法及相关产品
CN112926002A (zh) 一种服务请求的处理方法及装置
CN115858972A (zh) 应用程序的页面显示方法及装置、存储介质、计算机设备
CN116127219A (zh) 小程序中页面的展示方法、装置和计算机设备
US11379653B2 (en) Rendering method for on-demand loading of PDF file on network
CN114528510A (zh) 网页数据处理的方法、装置、电子设备及介质
CN114186148A (zh) 页面加载方法、装置、电子设备及存储介质
CN113626741A (zh) 一种移动客户端网页加载的方法及设备
CN116112573B (zh) 终端界面转换方法、装置、设备、存储介质和程序产品
CN113449215B (zh) 一种加载图片的方法和装置
JP6607805B2 (ja) 情報処理装置及び情報処理プログラム

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant