CN113656108A - 加载网页页面的方法、装置、电子设备及计算机可读存储介质 - Google Patents
加载网页页面的方法、装置、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN113656108A CN113656108A CN202110980706.9A CN202110980706A CN113656108A CN 113656108 A CN113656108 A CN 113656108A CN 202110980706 A CN202110980706 A CN 202110980706A CN 113656108 A CN113656108 A CN 113656108A
- Authority
- CN
- China
- Prior art keywords
- webpage
- loaded
- reference value
- speed reference
- data packet
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种加载网页页面的方法、装置、电子设备及计算机可读存储介质,属于互联网技术的领域。其中一种方法应用于终端,终端与服务器通信连接,终端上安装有浏览器,浏览器采用滚动延迟加载的方式进行网页加载,该方法包括:接收用户发出的网页浏览请求,并在进入网页浏览请求对应的待加载网页时,若未查询到有待加载网页的历史网络速度参考值,则获取当前网络速度参考值,当用户将待加载网页页面滚动到预设位置时,向服务器发送第二访问请求,以促使服务器发送与当前网络速度参考值的品质等级匹配的内容数据包,根据接收的内容数据包显示待加载网页的网页内容,以实现根据用户的网络状态加载不同品质的网页内容,来提高用户体验。
Description
技术领域
本申请涉及互联网技术的领域,尤其是涉及一种加载网页页面的方法、装置、电子设备及计算机可读存储介质。
背景技术
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站由网页组成,而网页要通过网页浏览器来进行阅读。文字和图片是构成一个网页的两个最基本的元素,除此之外,网页的元素还包括动画、音乐、程序等。用户通过网络借助浏览器能够浏览网站的网页,没有网络就不能加载网页页面,网络质量的好坏会影响网页的加载速度以及网页质量。
目前,一般通过优化网站自身,即通过降低自身网页的质量的方式来提高网页加载速度,以尽可能改善用户网络不佳带来的网页浏览体验问题。但是,网站优化提升的体验效果有限,且对网络良好的用户而言,网页质量较差,从而导致用户体验较差。
发明内容
为使本公开的上述目的、特征和优点能更明显易懂,下文特举较佳实施方式,并配合所附附图,作详细说明如下。
本申请的目的包括,提供一种加载网页页面的方法、装置、电子设备及计算机可读存储介质,以能够改善现有网页加载方式对不同网络状态的用户均采用相同的应对方式而导致用户体验较差的问题。
第一方面,本申请提供一种加载网页页面的方法,采用如下的技术方案:
一种加载网页页面的方法,应用于终端,所述终端与服务器通信连接,所述终端上安装有浏览器,所述浏览器采用滚动延迟加载的方式进行网页加载,所述方法包括:
接收用户发出的网页浏览请求,并在进入所述网页浏览请求对应的待加载网页时,查询是否有所述待加载网页的历史网络速度参考值;
若否,则获取并存储当前网络速度参考值;
监听用户滚动所述待加载网页页面所达到的页面位置,当用户将所述待加载网页页面滚动到预设位置时,向所述服务器发送第二访问请求,所述第二访问请求包括与所述当前网络速度参考值匹配的品质等级,用于促使所述服务器发送与所述品质等级匹配的所述待加载网页的内容数据包;
接收所述内容数据包,根据所述内容数据包显示所述待加载网页的网页内容。
在一种可行的实施方式中,所述待加载网页包括背景图,所述获取并存储用户的网络速度参考值的步骤,包括:
获取进入所述待加载网页时的时刻,以该时刻作为加载起始时间,并向所述服务器发送第一访问请求,所述第一访问请求用于促使所述服务器向所述浏览器发送所述待加载网页的背景图数据包;
接收所述背景图数据包,根据所述背景图数据包显示所述背景图,并以接收完所述背景图数据包的时间作为加载结束时间;
根据所述加载起始时间和加载结束时间,得到并存储当前网络速度参考值。
在一种可行的实施方式中,所述根据所述加载起始时间和加载结束时间,得到并存储当前网络速度参考值的步骤,包括:
根据所述加载起始时间和加载结束时间,获得加载时间差;
将所述背景图的大小与所述加载时间差相除,得到当前网络速度参考值,并将所述当前网络速度参考值进行存储。
在一种可行的实施方式中,所述方法还包括:
若查询到有所述待加载网页的历史网络速度参考值,则获取所述历史网络参考值对应的所述待加载网页的历史内容数据包,按所述历史内容数据包显示所述待加载网页。
在一种可行的实施方式中,所述方法还包括:
当所述待加载网页的网页内容加载结束后,将加载的所述内容数据包、当前网络速度参考值与所述待加载网页以对应关系进行存储。
在一种可行的实施方式中,在所述获取并存储当前网络速度参考值的步骤之后,在所述向所述服务器发送第二访问请求的步骤之前,所述方法还包括:
将所述当前网络速度参考值与预设的网络等级范围值进行比较,确定所述当前网络速度参考值所处的网络等级;
根据所述网络等级进行品质等级匹配,确定品质等级。
第二方面,本申请提供一种加载网页页面的方法,采用如下的技术方案:
一种加载网页页面的方法,应用于服务器,所述服务器与终端通信连接,所述终端上安装有浏览器,所述浏览器采用滚动延迟加载的方式进行网页加载,所述方法包括:
接收所述终端发送的待加载网页的第一访问请求后,向所述终端发送所述待加载网页的背景图数据;
接收所述终端发送的第二访问请求,所述第二访问请求包括与当前网络速度参考值匹配的品质等级;
向所述终端发送与所述品质等级匹配的所述待加载网页的内容数据包,所述内容数据包用于促使所述浏览器显示所述待加载网页的网页内容。
第三方面,本申请提供一种加载网页页面的装置,采用如下的技术方案:
一种加载网页页面的装置,应用于终端,所述终端与服务器通信连接,所述终端上安装有浏览器,所述浏览器上的网页采用滚动延迟加载网页内容,所述装置包括:
查询模块,用于接收用户发出的网页浏览请求,并在进入所述网页浏览请求对应的待加载网页时,查询是否有所述待加载网页的历史网络速度参考值;
获取模块,用于在未查询到所述待加载网页的历史网络速度参考值时,获取并存储当前网络速度参考值;
发送模块,用于监听用户滚动所述待加载网页页面所达到的页面位置,当用户将所述待加载网页页面滚动到预设位置时,向所述服务器发送第二访问请求,所述第二访问请求包括与所述当前网络速度参考值匹配的品质等级,用于促使所述服务器发送与所述品质等级匹配的所述待加载网页的内容数据包;
显示模块,用于接收所述内容数据包,根据所述内容数据包显示所述待加载网页的网页内容。
第四方面,本申请提供一种加载网页页面的装置,采用如下的技术方案:
一种加载网页页面的装置,应用于服务器,所述服务器与终端通信连接,所述终端上安装有浏览器,所述浏览器采用滚动延迟加载的方式进行网页加载,所述装置包括:
第一收发模块,用于接收所述终端发送的待加载网页的第一访问请求后,向所述终端发送所述待加载网页的背景图数据;
第二收发模块,用于接收所述终端发送的第二访问请求,所述第二访问请求包括与当前网络速度参考值匹配的品质等级;
所述第二收发模块,还用于向所述终端发送与所述品质等级匹配的所述待加载网页的内容数据包,所述内容数据包用于促使所述浏览器显示所述待加载网页的网页内容。
第五方面,本申请提供一种电子设备,采用如下的技术方案:
一种电子设备,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现第一方面或第二方面所述的方法。
第六方面,本社区内提供一种计算机可读存储介质,采用如下的技术方案:
一种计算机可读存储介质,所述计算机可读存储介质包括计算机程序,所述计算机程序运行时控制所述计算机可读存储介质所在的电子设备执行第一方面或第二方面所述的方法。
本申请实施方式的有益效果包括,例如:
本申请提供的加载网页页面的方法,在接收到用户发出的网页浏览请求后进入待加载网页,且没有查询到待加载网页的历史网络速度参考值的情况下,获取当前网络速度参考值,并将网页页面滚动到预设位置时,向服务器发送包括与当前网络速度参考值匹配的品质等级,以促使服务器发送回与品质等级匹配的待加载网页的内容数据包,并根据接收到的内容数据包显示待加载网页的内容,以实现根据用户的网络状态加载不同品质的网页内容,即网络状态越好,网页内容的品质越高,从而在一定程度上在保证网页加载速度的基础上尽可能提供高品质的网页内容,来改善现有网页加载方式对不同网络状态的用户均采用相同的应对方式而导致用户体验较差的问题。
附图说明
为了更清楚地说明本公开的技术方案,下面将对实施方式中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本公开的某些实施方式,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为一种实施方式中的网页加载系统的结构示意图。
图2为一种实施方式中一种加载网页页面的方法的流程示意图。
图3为另一种实施方式中一种加载网页页面的方法的流程示意图。
图4为图2或图3中步骤S300的一种子步骤的流程示意图。
图5为图4中步骤S330的一种子步骤的流程示意图。
图6为又另一种实施方式中一种加载网页页面的方法的流程示意图。
图7为再另一种实施方式中一种加载网页页面的方法的流程示意图。
图8为一种实施方式中另一种加载网页页面的方法的流程示意图。
图9为一种加载网页页面的装置的方框结构图。
图10为另一种加载网页页面的装置的方框结构图。
图11为一种电子设备的方框结构图。
附图标记说明:01-服务器;02-终端;03-查询模块;04-获取模块;05-发送模块;06-显示模块;07-存储模块;08-计算模块;09-第一收发模块;10-第二收发模块。
具体实施方式
为使本申请实施方式的目的、技术方案和优点更加清楚,下面将结合本申请实施方式中的附图,对本申请实施方式中的技术方案进行清楚、完整的描述,显然,所描述的实施方式是本申请一部分实施方式,而不是全部的实施方式。通常在此处附图中描述和示出的本申请实施方式的组件可以以各自不同的配置来布置和设计。
因此,以下对在附图中提供的本申请的实施方式的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施方式。基于本申请中的实施方式,本领域普通技术人员在没有做出创造性劳动前提下获得的所有其他实施方式,都属于本申请保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。此外,若出现术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
本申请提供的加载网页页面的方法,可以应用于如图1所示的应用环境中。该加载网页页面的方法应用于网页加载系统中。该网页加载系统包括终端02和服务器01,终端02和服务器01通信连接,且终端02上安装有浏览器,且浏览器采用滚动延迟加载的方式进行网页加载。通过接收用户发出的网页浏览请求,并在进入网页浏览请求对应的待加载网页时,查询是否有待加载网页的历史网络速度参考值;若否,则获取并存储当前网络速度参考值;监听用户滚动待加载网页页面所达到的页面位置,当用户将待加载网页页面滚动到预设位置时,向服务器01发送第二访问请求,第二访问请求包括与当前网络速度参考值匹配的品质等级,用于促使服务器01发送与品质等级匹配的待加载网页的内容数据包;接收内容数据包,根据内容数据包显示待加载网页的网页内容。其中,终端02可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备,服务器01可以用独立的服务器01或者多个服务器01组成的服务器01集群来实现。
在一种实施方式中,如图2所示,提供了一种加载网页页面的方法。本实施方式主要以该方式应用于图1中的终端02来进行说明。
S100,接收用户发出的网页浏览请求,并进入网页浏览请求对应的待加载网页。
在进入网页浏览请求对应的待加载网页时,执行步骤S200。
S200,查询是否有待加载网页的历史网络速度参考值。
具体地,用户通过终端02的浏览器发出网页浏览请求,终端02接收该网页浏览请求,浏览器立即进入为该网页浏览请求对应的待加载网页。在未接收到服务器01发送的该待加载网页的内容数据,且浏览器上没有该待加载网页的内容数据缓存时,浏览器上显示的待加载网页为空白网页。进入该待加载网页时,一并查询是否有待加载网页的历史网络速度参考值,即查询浏览器的数据库中是否有该待加载网页的历史网络速度参考值。
若未查询到待加载网页的历史网络速度参考值时,则执行S300。
S300,获取并存储当前网络速度参考值。
具体地,终端02获取当前网络速度参考值,并存储在数据库中。
S400,监听用户滚动待加载网页页面所达到的页面位置,当用户将待加载网页页面滚动到预设位置时,向服务器01发送第二访问请求。
其中,第二访问请求包括与当前网络速度参考值匹配的品质等级,用于促使服务器01发送与品质等级匹配的待加载网页的内容数据包。
具体地,终端02在浏览器通过jQuery的scrollTop()函数监听用户滚动待加载网页页面所达到的网页位置,即当前网页位置,当用户将待加载网页页面滚动到预设位置时,终端02向服务器01发送第二访问请求。服务器01接收到第二访问请求后,发送与品质等级匹配的待加载网页的内容数据包至终端02。应当理解的是,当前网络速度参考值越大,服务器01发送的内容数据包的品质越好。
S500,接收内容数据包,根据内容数据包显示待加载网页的网页内容。
具体地,终端02接收服务器01发送的内容数据包,浏览器根据内容数据包进行渲染,来显示待加载网页的网页内容。
上述网页页面加载的方法中,安装有浏览器的终端02根据当前网络速度参考值的大小,即网络的状态情况,加载不同品质的网页内容,实现根据用户的网络状态加载不同品质的网页内容,即网络状态越好,网页内容的品质越高,从而在一定程度上在保证网页加载速度的基础上尽可能提供高品质的网页内容,来改善现有网页加载方式对不同网络状态的用户均采用相同的应对方式而导致用户体验较差的问题。
应当理解的是,第二访问请求还包括HTTP地址。
进一步的,如图3所示,加载网页页面的方法中的步骤S200之后还包括:
若查询到有所述待加载网页的历史网络速度参考值,则执行S600。
S600,获取历史网络参考值对应的待加载网页的历史内容数据包,按历史内容数据包显示待加载网页。
历史网络速度参考值和历史内容数据均为历史网页加载记录,即若待加载网页之前被加载时若将历史网络速度参考值和内容数据包一并存储,则无需再重新加载内容数据包,根据历史内容数据包显然待加载网页的网页内容即可。
具体地,终端02若查询到数据库内有待加载网页的历史网络速度参考值,则将查询出与历史网络速度参考值对应的历史内容数据包,浏览器根据历史内容数据包,进行渲染,来显示待加载网页的网页内容。
在有历史内容数据包,使用历史内容数据包线束网页内容,无需重新下载内容数据包,能够提高加载网页的速度。
进一步的,待加载网页包括背景图。具体地,背景图可以是指定的任一张图,且优选的,背景图位于待加载网页顶部或靠近顶部的位置处。
在一种实施方式中,如图4所示,为步骤S300的一种子步骤的流程示意图。
S310,获取进入待加载网页时的时刻,以该时刻作为加载起始时间,并向服务器发送第一访问请求。
其中,第一访问请求用于促使服务器01向浏览器发送待加载网页的背景图数据包。
具体地,浏览器上开始打开为待加载网页建立的页面时,即为进入待加载网页,终端02通过JavaScript的new Data()函数获取该时刻,并以该时刻作为加载起始时间。且浏览器上开始打开为待加载网页建立的页面时,向服务器01发送第一访问请求。服务器01接收到第一访问请求后,向终端02发送待加载网页的背景图数据包。
S320,接收背景图数据包,根据背景图数据包显示背景图,并以接收完背景图数据包的时间作为加载结束时间。
终端02接收到背景图数据包后,浏览器根据背景图数据包进行渲染,来显示背景图,且通过jQuery的load()函数获取接收完背景图数据包的时间,以作为加载结束时间。
S330,根据加载起始时间和加载结束时间,得到并存储当前网络速度参考值。
上述S300的子步骤中,根据终端02从开始下载背景图数据包到接收完背景图数据包的时间,获取当前网络速度参考值,方便且快捷,使得当前网络速度参考值能够表示出用户的当前网络状态。
其中,JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,具有嵌入动态文本于HTML页面,对浏览器事件做出响应,读写HTML元素,检测访客的浏览器信息,在数据被提交到服务器01之前验证数据等功能。jQuery是一个快速、简洁的JavaScript框架,封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
在一种实施方式中,如图5所示,为步骤S330的一种子步骤的流程示意图。
S331,根据加载起始时间和加载结束时间,获得加载时间差。
S332,将背景图的大小与加载时间差相除,得到当前网络速度参考值,并将当前网络速度参考值进行存储。
通过上述步骤S330的子步骤,能够快速计算出当前网络速度参考值。
在上述基础,如图6所示,加载网页页面的方法还包括步骤S700和S800。步骤S700和S800在步骤S300之后,在步骤S400之前执行。
S700,将当前网络速度参考值与预设的网络等级范围值进行比较,确定当前网络速度参考值所处的网络等级。
S800,根据网络等级进行品质等级匹配,确定品质等级。
例如,可以将网络等级划分成5个等级,差、良、优,每个等级有范围值,以形成网络等级范围值,根据当前网络速度参考值所落入的范围值,来确定当前网络速度参考值的网络等级,若网页内容为视频时,品质等级可以为极速、高清和超清,分别与差、良、优相对应。
进一步的,如图7所示,加载网页页面的方法还包括步骤S900。
S900,当待加载网页的网页内容加载结束后,将加载的内容数据包、当前网络速度参考值与待加载网页以对应关系进行存储。
具体地,当待加载网页的网页内容加载结束后,即终端02接收完所有的内容数据包后,将内容数据包、当前网络速度参考值与待加载网页的HTTP以对应的关系存储于本地数据库中,即本地存储中。
通过步骤S900的方法,使得之后再需要加载该加载网页时,根据HTTP就能查询出已为历史网络速度参考值的当前网络参考值,以及已为历史内容数据包的内容数据包,无需重新下载内容数据包。
在一种实施方式中,如图8所示,本申请还提供一种加载网页页面的方法,本实施方式主要以该方式应用于图1中的服务器01来进行说明。
S110,接收终端发送的待加载网页的第一访问请求后,向终端发送待加载网页的背景图数据。
S120,接收终端发送的第二访问请求。
其中,第二访问请求包括与当前网络速度参考值匹配的品质等级。
具体地,终端02获取到当前网络速度参考值之后,得到与当前网络速度参考值匹配的品质等级,终端02向服务器01发送第二访问请求。
S130,向终端02发送与品质等级匹配的待加载网页的内容数据包。
其中,内容数据包用于促使浏览器显示待加载网页的网页内容。
服务器01接收到第二访问请求后,向终端02发送与品质等级匹配的待加载网页的内容数据包。
具体地,如何得到网络速度参考值和品质等级等,参见上个应用于终端02的加载网页页面的方法的说明。
应该理解的是,虽然图2-图8的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2-图8中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些子步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施方式中,如图9所示,提供了一种加载网页页面的装置,应用于终端02,终端02与服务器01通信连接,终端02上安装有浏览器,浏览器上的网页采用滚动延迟加载网页内容,该装置包括:查询模块03、获取模块04、发送模块05和显示模块06。
查询模块03,用于接收用户发出的网页浏览请求,并在进入网页浏览请求对应的待加载网页时,查询是否有待加载网页的历史网络速度参考值。
获取模块04,用于在未查询到待加载网页的历史网络速度参考值时,获取并存储当前网络速度参考值。
发送模块05,用于监听用户滚动待加载网页页面所达到的页面位置,当用户将待加载网页页面滚动到预设位置时,向服务器发送第二访问请求。
其中,第二访问请求包括与当前网络速度参考值匹配的品质等级,用于促使服务器01发送与品质等级匹配的待加载网页的内容数据包。
显示模块06,用于接收所述内容数据包,根据内容数据包显示待加载网页的网页内容。
进一步的,该装置还包括计算模块08、存储模块07。
计算模块08,用于将当前网络速度参考值与预设的网络等级范围值进行比较,确定当前网络速度参考值所处的网络等级,根据网络等级进行品质等级匹配,确定品质等级。
存储模块07,用于当待加载网页的网页内容加载结束后,将加载的内容数据包、当前网络速度参考值与待加载网页以对应关系进行存储。
显示模块06,还用于在查询到有待加载网页的历史网络速度参考值时,则获取历史网络参考值对应的待加载网页的历史内容数据包,按历史内容数据包显示待加载网页。
待加载网页包括背景图。
获取模块04具体用于:
获取进入待加载网页时的时刻,以该时刻作为加载起始时间,并向服务器发送第一访问请求;
接收背景图数据包,根据背景图数据包显示背景图,并以接收背景图数据包的时间作为加载结束时间;
根据加载起始时间和加载结束时间,得到并存储当前网络速度参考值。
其中,第一访问请求用于促使服务器向浏览器发送待加载网页的背景图数据包。
上述加载网页页面的装置,根据当前网络速度参考值的大小,即网络的状态情况,加载不同品质的网页内容,实现根据用户的网络状态加载不同品质的网页内容,即网络状态越好,网页内容的品质越高,从而在一定程度上在保证网页加载速度的基础上尽可能提供高品质的网页内容,来改善现有网页加载方式对不同网络状态的用户均采用相同的应对方式而导致用户体验较差的问题。
在一个实施方式中,如图10所示,提供了一种加载网页页面的装置,应用于服务器01,终端02与服务器01通信连接,终端02上安装有浏览器,浏览器上的网页采用滚动延迟加载网页内容,该装置包括:第一收发模块09和第二收发模块10。
第一收发模块09,用于接收终端发送的待加载网页的第一访问请求后,向终端02发送待加载网页的背景图数据。
第二收发模块10,用于接收终端发送的第二访问请求。其中,第二访问请求包括与当前网络速度参考值匹配的品质等级。
第二收发模块10,还用于向终端发送与品质等级匹配的待加载网页的内容数据包,内容数据包用于促使浏览器显示待加载网页的网页内容。
关于加载网页页面的装置的具体限定可以参见上文中对于加载网页页面的方法的限定,在此不再赘述。上述加载网页页面的装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于电子设备中的处理器中,也可以以软件形式存储于电子设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施方式中,提供了一种电子设备,该电子设备可以是服务器01,其内部结构图可以如图11所示。该电子设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的数据库用于存储加载网页页面时所产生的数据。该电子设备的网络接口用于与外部的终端02通过网络连接通信。该计算机程序被处理器执行时以实现一种加载网页页面的方法。
在一个实施方式中,提供了一种电子设备,该电子设备可以是终端02,其内部结构图可以如图11所示。该电子设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该电子设备的通信接口用于与外部的终端02进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、近场通信(NFC)或其他技术实现。该计算机程序被处理器执行时以实现一种加载网页页面的方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该电子设备的输入装置可以是显示屏上覆盖的触摸层,也可以是电子设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图11中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施方式中,本申请提供的加载网页页面的装置可以实现为一种计算机程序的形式,计算机程序可在如图11所示的电子设备上运行。电子设备的存储器中可存储组成该加载网页页面的装置的各个程序模块,比如,图9所示的查询模块03、获取模块04、发送模块05和显示模块06。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施方式的加载网页页面的方法中的步骤。
例如,图11所示的电子设备可以通过如图9所示的加载网页页面的装置中的查询模块03执行步骤S100和S200。电子设备可通过获取模块04执行步骤S300。电子设备可通过发送模块05执行步骤S400。电子设备科通过显示模块06执行步骤S500。
在一个实施方式中,提供了一种电子设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行计算机程序时实现以下步骤:接收用户发出的网页浏览请求,并在进入网页浏览请求对应的待加载网页时,查询是否有待加载网页的历史网络速度参考值;在未查询到待加载网页的历史网络速度参考值时,获取并存储当前网络速度参考值;监听用户滚动待加载网页页面所达到的页面位置,当用户将待加载网页页面滚动到预设位置时,向服务器01发送第二访问请求;用于接收所述内容数据包,根据内容数据包显示待加载网页的网页内容。
在一个实施方式中,处理器执行计算机程序时还实现以下步骤:将当前网络速度参考值与预设的网络等级范围值进行比较,确定当前网络速度参考值所处的网络等级,根据网络等级进行品质等级匹配,确定品质等级。
在一个实施方式中,处理器执行计算机程序时还实现以下步骤:当待加载网页的网页内容加载结束后,将加载的内容数据包、当前网络速度参考值与待加载网页以对应关系进行存储。
在一个实施方式中,处理器执行计算机程序时还实现以下步骤:在查询到有待加载网页的历史网络速度参考值时,则获取历史网络参考值对应的待加载网页的历史内容数据包,按历史内容数据包显示待加载网页。
在一个实施方式中,提供了一种电子设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行计算机程序时实现以下步骤:接收终端02发送的待加载网页的第一访问请求后,向终端02发送待加载网页的背景图数据;接收终端02发送的第二访问请求。其中,第二访问请求包括与当前网络速度参考值匹配的品质等级;向终端02发送与品质等级匹配的待加载网页的内容数据包,内容数据包用于促使浏览器显示待加载网页的网页内容。
在一个实施方式中,提供了一种计算机可读存储介质,包括计算机程序,计算机程序运行时控制计算机可读存储介质所在的电子设备执行时实现以下步骤:接收用户发出的网页浏览请求,并在进入网页浏览请求对应的待加载网页时,查询是否有待加载网页的历史网络速度参考值;在未查询到待加载网页的历史网络速度参考值时,获取并存储当前网络速度参考值;监听用户滚动待加载网页页面所达到的页面位置,当用户将待加载网页页面滚动到预设位置时,向服务器01发送第二访问请求;用于接收所述内容数据包,根据内容数据包显示待加载网页的网页内容。
在一个实施方式中,计算机程序被处理器执行时还实现以下步骤:将当前网络速度参考值与预设的网络等级范围值进行比较,确定当前网络速度参考值所处的网络等级,根据网络等级进行品质等级匹配,确定品质等级。
在一个实施方式中,计算机程序被处理器执行时还实现以下步骤:当待加载网页的网页内容加载结束后,将加载的内容数据包、当前网络速度参考值与待加载网页以对应关系进行存储。
在一个实施方式中,计算机程序被处理器执行时还实现以下步骤:在查询到有待加载网页的历史网络速度参考值时,则获取历史网络参考值对应的待加载网页的历史内容数据包,按历史内容数据包显示待加载网页。
在一个实施方式中,提供了一种计算机可读存储介质,包括计算机程序,计算机程序运行时控制计算机可读存储介质所在的电子设备执行时实现以下步骤:接收终端02发送的待加载网页的第一访问请求后,向终端02发送待加载网页的背景图数据;接收终端02发送的第二访问请求。其中,第二访问请求包括与当前网络速度参考值匹配的品质等级;向终端02发送与品质等级匹配的待加载网页的内容数据包,内容数据包用于促使浏览器显示待加载网页的网页内容。
在本公开所提供的几个实施方式中,应该理解到,所揭露的装置、系统图和方法,也可以通过其它的方式实现。以上所描述的装置、系统和方法实施方式仅仅是示意性的,例如,附图中的流程图和框图显示了根据本公开的多个实施方式的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本公开各个实施方式中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本公开的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台电子设备(可以是个人计算机,电子设备,或者网络设备等)执行本公开各个实施方式所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅为本公开的可选实施方式而已,并不用于限制本公开,对于本领域的技术人员来说,本公开可以有各种更改和变化。凡在本公开的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本公开的保护范围之内。
Claims (10)
1.一种加载网页页面的方法,其特征在于,应用于终端,所述终端与服务器通信连接,所述终端上安装有浏览器,所述浏览器采用滚动延迟加载的方式进行网页加载,所述方法包括:
接收用户发出的网页浏览请求,并在进入所述网页浏览请求对应的待加载网页时,查询是否有所述待加载网页的历史网络速度参考值;
若否,则获取并存储当前网络速度参考值;
监听用户滚动所述待加载网页页面所达到的页面位置,当用户将所述待加载网页页面滚动到预设位置时,向所述服务器发送第二访问请求,所述第二访问请求包括与所述当前网络速度参考值匹配的品质等级,用于促使所述服务器发送与所述品质等级匹配的所述待加载网页的内容数据包;
接收所述内容数据包,根据所述内容数据包显示所述待加载网页的网页内容。
2.根据权利要求1所述的方法,其特征在于,所述待加载网页包括背景图,所述获取并存储用户的网络速度参考值的步骤,包括:
获取进入所述待加载网页时的时刻,以该时刻作为加载起始时间,并向所述服务器发送第一访问请求,所述第一访问请求用于促使所述服务器向所述浏览器发送所述待加载网页的背景图数据包;
接收所述背景图数据包,根据所述背景图数据包显示所述背景图,并以接收完所述背景图数据包的时间作为加载结束时间;
根据所述加载起始时间和加载结束时间,得到并存储当前网络速度参考值。
3.根据权利要求2所述的方法,其特征在于,所述根据所述加载起始时间和加载结束时间,得到并存储当前网络速度参考值的步骤,包括:
根据所述加载起始时间和加载结束时间,获得加载时间差;
将所述背景图的大小与所述加载时间差相除,得到当前网络速度参考值,并将所述当前网络速度参考值进行存储。
4.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
若查询到有所述待加载网页的历史网络速度参考值,则获取所述历史网络参考值对应的所述待加载网页的历史内容数据包,按所述历史内容数据包显示所述待加载网页。
5.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
当所述待加载网页的网页内容加载结束后,将加载的所述内容数据包、当前网络速度参考值与所述待加载网页以对应关系进行存储。
6.根据权利要求1或2所述的方法,其特征在于,在所述获取并存储当前网络速度参考值的步骤之后,在所述向所述服务器发送第二访问请求的步骤之前,所述方法还包括:
将所述当前网络速度参考值与预设的网络等级范围值进行比较,确定所述当前网络速度参考值所处的网络等级;
根据所述网络等级进行品质等级匹配,确定品质等级。
7.一种加载网页页面的方法,其特征在于,应用于服务器,所述服务器与终端通信连接,所述终端上安装有浏览器,所述浏览器采用滚动延迟加载的方式进行网页加载,所述方法包括:
接收所述终端发送的待加载网页的第一访问请求后,向所述终端发送所述待加载网页的背景图数据;
接收所述终端发送的第二访问请求,所述第二访问请求包括与当前网络速度参考值匹配的品质等级;
向所述终端发送与所述品质等级匹配的所述待加载网页的内容数据包,所述内容数据包用于促使所述浏览器显示所述待加载网页的网页内容。
8.一种加载网页页面的装置,其特征在于,应用于终端,所述终端与服务器通信连接,所述终端上安装有浏览器,所述浏览器上的网页采用滚动延迟加载网页内容,所述装置包括:
查询模块,用于接收用户发出的网页浏览请求,并在进入所述网页浏览请求对应的待加载网页时,查询是否有所述待加载网页的历史网络速度参考值;
获取模块,用于在未查询到所述待加载网页的历史网络速度参考值时,获取并存储当前网络速度参考值;
发送模块,用于监听用户滚动所述待加载网页页面所达到的页面位置,当用户将所述待加载网页页面滚动到预设位置时,向所述服务器发送第二访问请求,所述第二访问请求包括与所述当前网络速度参考值匹配的品质等级,用于促使所述服务器发送与所述品质等级匹配的所述待加载网页的内容数据包;
显示模块,用于接收所述内容数据包,根据所述内容数据包显示所述待加载网页的网页内容。
9.一种电子设备,其特征在于,包括:存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现权利要求1至7任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括计算机程序,所述计算机程序运行时控制所述计算机可读存储介质所在的电子设备执行权利要求1至7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110980706.9A CN113656108A (zh) | 2021-08-25 | 2021-08-25 | 加载网页页面的方法、装置、电子设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110980706.9A CN113656108A (zh) | 2021-08-25 | 2021-08-25 | 加载网页页面的方法、装置、电子设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113656108A true CN113656108A (zh) | 2021-11-16 |
Family
ID=78492818
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110980706.9A Pending CN113656108A (zh) | 2021-08-25 | 2021-08-25 | 加载网页页面的方法、装置、电子设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113656108A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114124919A (zh) * | 2021-11-29 | 2022-03-01 | 中国平安人寿保险股份有限公司 | 网络状况的检测方法、装置、计算机设备和存储介质 |
CN115037801A (zh) * | 2022-03-14 | 2022-09-09 | 阿里巴巴(中国)有限公司 | 优先级调整方法、电子设备及存储介质 |
-
2021
- 2021-08-25 CN CN202110980706.9A patent/CN113656108A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114124919A (zh) * | 2021-11-29 | 2022-03-01 | 中国平安人寿保险股份有限公司 | 网络状况的检测方法、装置、计算机设备和存储介质 |
CN115037801A (zh) * | 2022-03-14 | 2022-09-09 | 阿里巴巴(中国)有限公司 | 优先级调整方法、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10198410B2 (en) | Method, device and mobile terminal for restoring page | |
US10460001B2 (en) | Window switching method and device and storage medium thereof | |
US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
US10109079B2 (en) | Method and apparatus for processing tab in graphical interface | |
CN113656108A (zh) | 加载网页页面的方法、装置、电子设备及计算机可读存储介质 | |
US20170032494A1 (en) | Methods for displaying a webpage fragment on a desktop and systems for taking a snapshot of webpage fragment for displaying on a desktop | |
KR20110066314A (ko) | 통신 단말기에서 북마크 서비스 제공 방법 및 장치 | |
US20220147697A1 (en) | Adaptive content delivery | |
CN112149025B (zh) | 媒体资源展示方法和装置、存储介质及电子设备 | |
CN102163196B (zh) | 一种移动终端智能浏览器的实现方法及其系统 | |
CN106126683B (zh) | 页面显示方法及终端设备 | |
CN109740081A (zh) | 页面加载方法及装置 | |
CN105302802A (zh) | 图片上传方法、系统及浏览器 | |
CN105335419A (zh) | 网页图片加载方法和装置 | |
WO2015088996A1 (en) | Web page rendering on wireless devices | |
CN105677678B (zh) | 网页的首屏位置确定、网页信息显示方法和系统 | |
WO2015058614A1 (zh) | 一种书签存储方法及装置、确定待浏览书签的方法及装置 | |
CN113190321A (zh) | 一种用于应用程序页面上拉刷新的方法及设备 | |
JP5279793B2 (ja) | 携帯端末、携帯端末の制御方法及びプログラム | |
US10965781B2 (en) | Method and server for displaying access content | |
CN104978181B (zh) | 一种页面显示方法、终端和装置 | |
CN110309454B (zh) | 一种界面显示方法、装置、设备及存储介质 | |
JP2013225220A (ja) | Web閲覧画面サムネイル生成システム | |
JP2002244968A (ja) | データ表示システム、データ表示方法及び記録媒体 | |
KR101408734B1 (ko) | 비동기 통신 방식 웹 페이지의 이동 제어 방법 및 장치 |
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 |