CN113568687A - 展示Web页面的方法、相关设备和计算机可读存储介质 - Google Patents
展示Web页面的方法、相关设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN113568687A CN113568687A CN202010357725.1A CN202010357725A CN113568687A CN 113568687 A CN113568687 A CN 113568687A CN 202010357725 A CN202010357725 A CN 202010357725A CN 113568687 A CN113568687 A CN 113568687A
- Authority
- CN
- China
- Prior art keywords
- web page
- target web
- screenshot
- request
- displaying
- 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/451—Execution arrangements for user interfaces
-
- 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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及计算机网络领域,提供了一种展示Web页面的方法、相关设备和计算机可读存储介质,以解决现有技术展示Web页面时需要等待较长的问题。所述方法包括:向服务器发送访问目标Web页面对应互联网资源的请求;当请求发送完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图;在截图被展示时,加载服务器根据请求返回的目标Web页面。由于展示目标Web页面的截图能够在极短的时间完成,呈现在用户眼前的不再是“白屏”而是目标Web页面的截图,本申请的技术方案给用户一种目标Web页面已经加载完成的印象,因而给用户带来目标Web页面能够迅速展示的良好体验。
Description
技术领域
本申请涉及计算机网络领域,特别涉及一种展示Web页面的方法、相关设备和计算机可读存储介质。
背景技术
随着网络通信技术和互联网(Internet)的飞速发展,越来越多的网民通过各种终端,例如,PC或者包括智能手机、平板电脑在内的智能移动终端接入互联网,访问互联网上各种丰富的网络资源。
当访问网络资源时,首先要在客户端展示一个与网络资源相应的Web页面。所谓Web页面,是万维网上的一个按照超文本标记语言(Hyper-Text Markup Language,HTML)格式组织起来的文件。Web页面的展示通常是这样的:通过终端上安装的浏览器向服务器发送一个统一资源标识符(Uniform Resource Identifier,URI),即用于标识某一互联网资源名称的字符串;作为对URI的响应,服务器将URI对应的Web网页资源向客户端传送;浏览器上的网页显示控件开始显示这个Web网页。
然而,目前的技术方案,在展示Web网页时,从终端向服务器发送URI开始,到Web网页完全由浏览器呈现,通常需要等待1至2秒、甚至更长时间。在这个等待过程中,终端出现“白屏”即屏幕上呈现一片空白,这给网民用户带来了不好的体验。
发明内容
本申请实施例提供了一种展示Web页面的方法、相关设备和计算机可读存储介质,以解决现有技术展示Web页面时需要等待较长的问题。该技术方案如下:
一方面,提供了一种展示Web页面的方法,该方法包括:
向服务器发送访问目标Web页面对应互联网资源的请求;
当所述请求发送完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图;
在所述截图被展示时,加载所述服务器根据所述请求返回的目标Web页面。
一方面,提供了一种展示Web页面的方法,该方法包括:
接收客户端发送的访问目标Web页面对应互联网资源的第一请求;
根据所述第一请求,向所述客户端返回在完成所述目标Web页面的加载后对所述目标Web页面进行截图的指示,以使所述客户端在下次向所述服务器发送访问所述目标Web页面对应互联网资源的第二请求完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图,且在所述截图被展示时,加载所述服务器根据所述第二请求返回的目标Web页面。
一方面,提供了一种展示Web页面的装置,该装置包括:
请求发送模块,用于向服务器发送访问目标Web页面对应互联网资源的请求;
截图展示模块,用于当所述请求发送完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图;
页面加载模块,用于在所述截图被展示时,加载所述服务器根据所述请求返回的目标Web页面。
一方面,提供了一种展示Web页面的装置,该装置包括:
请求接收模块,用于接收客户端发送的访问目标Web页面对应互联网资源的第一请求;
指示返回模块,用于根据所述第一请求,向所述客户端返回在完成所述目标Web页面的加载后对所述目标Web页面进行截图的指示,以使所述客户端在下次向所述服务器发送访问所述目标Web页面对应互联网资源的第二请求完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图,且在所述截图被展示时,加载所述服务器根据所述第二请求返回的目标Web页面。
一方面,提供了一种计算机设备,该计算设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,该计算机程序代码由该一个或多个处理器加载并执行以实现该展示Web页面的方法所执行的操作。
一方面,提供了一种计算机可读存储介质,该计算机可读存储介质存储有计算机程序由处理器加载并执行以实现该展示Web页面的方法所执行的操作。
由上述本申请提供的技术方案可知,不同于现有技术在发送访问目标Web页面对应互联网资源的请求后,只能等待服务器的反应,使得终端呈现“白屏”,本发明的技术方案是在发送完成访问目标Web页面对应互联网资源的请求时,展示前一次访问目标Web页面对应互联网资源时对该目标Web页面的截图,与此同时,加载服务器根据请求返回的目标Web页面。由于展示目标Web页面的截图能够在极短的时间完成,呈现在用户眼前的不再是“白屏”而是目标Web页面的截图,给用户一种目标Web页面已经加载完成的印象,因而给用户带来目标Web页面能够迅速展示的良好体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的展示Web页面的方法的实施环境示意图;
图2是本申请实施例提供的展示Web页面的方法的流程图;
图3是本申请实施例提供的目标Web页面的截图被展时,终端在后台加载目标Web页面的示意图;
图4是本申请另一实施例提供的展示Web页面的方法的流程图;
图5是本申请实施例提供的目标Web页面来不及加载完全、目标Web页面的截图展示不完全时呈现给用户的画面示意图;
图6是本申请实施例提供的根据目标Web页面加载的进度时展示目标Web页面的部分截图弥补目标Web页面加载过程中目标Web页面加载不充分的部分的示意图;
图7是本申请实施例提供的根据对目标Web页面已经加载完成的部分页面在屏幕上定位的结果,调取截图中对应于目标Web页面在屏幕尚未呈现的区域的部分截图予以展示示意图;
图8是本申请另一实施例提供的根据目标Web页面加载的进度时展示目标Web页面的部分截图弥补目标Web页面加载过程中目标Web页面加载不充分的部分的示意图;
图9是本申请另一实施例提供的根据对目标Web页面已经加载完成的部分页面在屏幕上定位的结果,调取截图中对应于目标Web页面在屏幕尚未呈现的区域的部分截图予以展示示意图;
图10是本申请另一实施例提供的展示Web页面的方法的流程图;
图11是本申请实施例提供的展示Web页面的方法时终端与服务器交互的流程图;
图12是本申请实施例提供的一种展示Web页面的装置的结构示意图;
图13是本申请另一实施例提供的一种展示Web页面的装置的结构示意图;
图14是本申请实施例提供的一种计算机设备的结构示意图;
图15是本申请实施例提供的一种区块链系统的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
云技术(Cloud technology)是指在广域网或局域网内将硬件、软件、网络等系列资源统一起来,实现数据的计算、储存、处理和共享的一种托管技术,其包括云计算、云存储和大数据等基础技术。云计算(cloud computing)是一种计算模式,它将计算任务分布在大量计算机构成的资源池上,使各种应用系统能够根据需要获取计算力、存储空间和信息服务。提供资源的网络被称为“云”,“云”中的资源在使用者看来是可以无限扩展的,并且可以随时获取,按需使用,随时扩展,按使用付费。云存储(cloud storage)是在云计算概念上延伸和发展出来的一个新的概念,分布式云存储系统是指通过集群应用、网格技术以及分布存储文件系统等功能,将网络中大量各种不同类型的存储设备通过应用软件或应用接口集合起来协同工作,共同对外提供数据存储和业务访问功能的一个存储系统。大数据(Bigdata)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。随着云时代的来临,大数据也吸引了越来越多的关注,大数据需要特殊的技术,以有效地处理大量的容忍经过时间内的数据。适用于大数据的技术,包括大规模并行处理数据库、数据挖掘、分布式文件系统、分布式数据库、云计算平台、互联网和可扩展的存储系统。云技术广泛应用于医疗、物联、公共安全、教育、游戏、会议、社交和人工智能服务等。
附图1是本申请实施例提供的一种展示Web页面的方法的实施环境示意图,该实施环境中包括终端110和服务器140。
终端110通过无线网络或有线网络与服务器110相连。终端110可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等设备。终端110安装和运行有支持展示Web页面技术的应用程序。示例性的,终端110是用户使用的终端,终端110中运行的应用程序内登录有用户账号。
终端110通过无线网络或有线网络与服务器140相连。
服务器140可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器等。服务器140用于为支持展示Web页面的应用程序提供后台服务。可选地,服务器140承担展示Web页面的主要工作,终端110承担展示Web页面的次要工作;或者,服务器140承担展示Web页面的次要工作,终端110承担展示Web页面的主要工作;或者,服务器140或终端110分别可以单独承担展示Web页面的工作;或者,服务器140和终端110两者交互,承担展示Web页面的工作。
可选地,服务器140包括:接入服务器、智能识别服务器和数据库。接入服务器用于为终端110提供接入服务。智能识别服务器用于提供智能识别有关的后台服务。智能识别服务器可以是一台或多台。当智能识别服务器是多台时,存在至少两台智能识别服务器用于提供不同的服务,和/或,存在至少两台智能识别服务器用于提供相同的服务,比如以负载均衡方式提供同一种服务,本申请实施例对此不加以限定。
终端110可以泛指多个终端中的一个,本实施例仅以终端110来举例说明。
本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为一个,或者上述终端为几十个或几百个,或者更多数量,此时上述实施环境中还包括其他终端。本申请实施例对终端的数量和设备类型不加以限定。
附图2是本申请实施例提供的一种展示Web页面的方法的流程图。该方法可以应用于上述终端,而终端可以视为一种计算机设备,因此,本申请实施例基于计算机设备作为执行主体来进行介绍。参见图2,该实施例具体可以包括以下步骤S201至S203,详细说明如下:
步骤S201:向服务器发送访问目标Web页面对应互联网资源的请求。
在本申请实施例中,终端向服务器发送访问目标Web页面对应互联网资源的请求,以请求访问目标Web页面对应互联网资源,其基本过程与现有技术类似,主要包括发送请求报文、报文通过各协议层封装后送达服务器、服务器回应HTTP协议格式封装的HTML形式数据、该HTML形式数据通过各协议层解析送达终端以及终端的浏览器以网页形式展示互联网资源,包括各种文件、图片、视频和文本等;请求中主要包含请求行、消息报头和请求正文等内容。除此之外,在本申请的另一实施例中,向服务器发送的访问目标Web页面对应互联网资源的请求中包含截图支持标识,该截图支持标识用于客户端向服务器表明客户端支持对目标Web页面进行截图。
步骤202:当请求发送完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图。
在本实施例中,前一次访问目标Web页面对应互联网资源时对目标Web页面的截图是指在步骤S201之前,访问目标Web页面对应互联网资源时对目标Web页面进行的截图。对目标Web页面进行截图的一个实施例是,客户端浏览器捕获目标Web页面,然后调用相关的截屏接口,该接口根据传入的参数,对目标Web页面进行截图。对目标Web页面进行截图的另一实施例是,将保存在缓存中的目标Web页面转换为图片格式,然后,确定目标Web页面被截图的区域,最后,根据这个区域对图片格式的页面进行页面截图,生成目标Web页面的截图图片。至于目标Web页面的截图的展示过程,在本申请一个实施例中,其与一般的图片显示类似,特殊之处在于是访问目标Web页面对应互联网资源的请求发送完成时,触发这个展示过程。
步骤S203:在目标Web页面的截图被展示时,加载服务器根据请求返回的目标Web页面。
在本申请实施例中,加载服务器根据请求返回的目标Web页面的主要过程与现有的加载Web页面加载的过程基本相同,不同之处在于,加载服务器根据请求返回的目标Web页面时,同步展示目标Web页面的截图,或者,目标Web页面的截图先被展示完成,呈现给用户时,终端在后台进行加载服务器根据请求返回的目标Web页面这一过程。附图3给出了上述过程的示例,在附图3中,第三幅图(从左至右的顺序,最左边为第一幅图)是在等待加载目标Web页面时在终端的前台呈现给用户的目标Web页面的截图,第四幅图就是加载完成的目标Web页面,其在终端的前台呈现给用户的目标Web页面的截图时,在终端的后台完成这一加载过程。
从上述附图1示例的展示Web页面的方法可知,不同于现有技术在发送访问目标Web页面对应互联网资源的请求后,只能等待服务器的反应,使得终端呈现“白屏”,本发明的技术方案是在发送完成访问目标Web页面对应互联网资源的请求时,展示前一次访问目标Web页面对应互联网资源时对该目标Web页面的截图,与此同时,加载服务器根据请求返回的目标Web页面。由于展示目标Web页面的截图能够在极短的时间完成,呈现在用户眼前的不再是“白屏”而是目标Web页面的截图,给用户一种目标Web页面已经加载完成的印象,因而给用户带来目标Web页面能够迅速展示的良好体验。
参阅附图4,是本申请另一实施例提供的展示Web页面的方法的流程图。该方法可以应用于上述终端,而终端可以视为一种计算机设备,因此,本申请实施例基于计算机设备作为执行主体来进行介绍。附图4的实施例具体可以包括以下步骤S401至S403,详细说明如下:
步骤S401:向服务器发送访问目标Web页面对应互联网资源的请求。
本申请实施例中,步骤S401的实现方式与前述附图2示例步骤S201的实现方式相同,其涉及的技术特征、术语或解释等可参阅前述实施例的描述,此处不做赘述。
步骤S402:当请求发送完成时,若目标Web页面加载不充分,则根据目标Web页面加载的进度展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图的部分截图,以弥补目标Web页面加载不充分的部分。
当经步骤S401即向服务器发送访问目标Web页面对应互联网资源的请求完成时,原则上就应开始加载服务器根据请求返回的目标Web页面,如附图2的实施例。然而,一个可能的场景是目标Web页面的截图太大,或者,终端正在并行执行的任务过多,即使在终端展示这个截图,也有可能展示不完全,如此,在目标Web页面也来不及加载、目标Web页面的截图展示不完全时,如附图5所示,左图(图中示以A的部分)是目标Web页面加载的一部分,中间图(图中示以B的部分)是目标Web页面的截图展示的一部分。在这种场景下,若仍然先展示目标Web页面的截图或者在展示目标Web页面的截图时,一味地等待目标Web页面的加载,则呈现给用户的是附图5右图(图中示以C的部分)的画面,同样会出现类似于现有技术在加载目标Web页面时给用户的不良体验。因此,在本申请一个实施例中,当请求发送完成时,若目标Web页面加载不充分,则可以根据目标Web页面加载的进度展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图的部分截图,以弥补目标Web页面加载不充分的部分。由于所展示的部分截图的开始位置刚好能够对接目标Web页面已加载完成部分的结束位置,从而在屏幕上形成完整的目标Web页面。如附图6所示,左图(图中示以A的部分)是目标Web页面加载的一部分,而中间图(图中示以B的部分)是根据目标Web页面加载的进度即如左图所示目标Web页面已经加载的一部分,展示目标Web页面的部分截图,该部分截图弥补目标Web页面加载过程中目标Web页面加载不充分的部分,从而对接目标Web页面尚未加载完成的部分,最后呈现给用户的画面效果如附图6的右图(图中示以C的部分)所示。
至于步骤S402的具体实现方式,可以是对目标Web页面已经加载完成或尚未加载完成的部分页面在屏幕上进行定位,根据对目标Web页面已经加载完成的部分页面在屏幕上定位的结果,调取截图中对应于目标Web页面在屏幕尚未呈现的区域的部分截图予以展示,从而对接目标Web页面尚未加载完成的部分,其示意图如附图7所示。
需要说明的是,对目标Web页面已经加载完成的部分页面在屏幕上进行定位并不拘泥于附图7所示,还可以如附图8所示。附图8示例的场景是目标Web页面的部分媒体元素太大,从而导致目标Web页面展示不全。对于这种场景,同样可以如附图7的实现方式,实现根据目标Web页面加载的进度,展示截图的部分截图以弥补目标Web页面加载不充分的部分这一技术方案,如附图9所示。
步骤S403:在截图被展示时,加载服务器根据请求返回的目标Web页面。
本申请实施例中,步骤S403的实现方式与前述附图2示例步骤S203的实现方式相同,其涉及的技术特征、术语或解释等可参阅前述实施例的描述,此处不做赘述。
在本申请一实施例中,可以将目标Web页面的截图存储到区块链中,以方便后续信息的提取存储,如图15所示,该计算机设备可以为分布式系统中的一个节点,其中,该分布式系统可以为区块链系统,该区块链系统可以是由多个节点通过网络通信的形式连接形成的分布式系统,节点之间可以组成点对点(P2P,Peer To Peer)网络,任意形式的计算机设备,比如服务器、终端等电子设备都可以通过加入该点对点网络而成为该区块链系统中的一个节点,其中,区块链,包括一系列按照产生的先后时间顺序相互接续的区块(Block),新区块一旦加入到区块链中就不会再被移除,区块中记录了区块链系统中节点提交的记录数据。
从上述附图1示例的展示Web页面的方法可知,不同于现有技术在发送访问目标Web页面对应互联网资源的请求后,只能等待服务器的反应,使得终端呈现“白屏”,本发明的技术方案是在发送完成访问目标Web页面对应互联网资源的请求时,根据目标Web页面加载的进度,以弥补加载过程中目标Web页面加载不足的方式展示截图的部分截图,与此同时,加载服务器根据请求返回的目标Web页面。由于展示目标Web页面的部分截图能够在极短的时间完成,呈现在用户眼前的不再是“白屏”而是目标Web页面的截图,给用户一种目标Web页面已经加载完成的印象,因而给用户带来目标Web页面能够迅速展示的良好体验。
为了下一次加载目标Web页面时,终端具有可以被展示的目标Web页面的截图,在上述本申请实施例中,在加载目标Web页面完成并获得目标Web页面的完整页面之后,当触发条件满足时对目标Web页面进行截图,保存触发条件满足时对目标Web页面的截图。至于触发条件,可以是获得目标Web页面的完整页面之后的一个预设时间到达时开始触发,也可以是收到来自服务器根据截图支持标识(该截图支持标识携带在客户端之前访问目标Web页面对应互联网资源时向服务器发送的请求中)指示客户端对目标Web页面截图的通知。
在上述本申请实施例中,由于对目标Web页面进行截图是在终端的后台由系统完成,并非用户的手动操作,因此,是否完成对目标Web页面的截图,用户并不知晓。为了保证在触发条件满足时,能够完成对目标Web页面的截图即确保截图的成功率或者可靠性,因此,在本发明实施例中,在触发条件满足时对目标Web页面进行截图可以是:在触发条件满足时对目标Web页面进行两次截图,合并两次截图,合并的结果作为目标Web页面的最终页面截图。
至于成功完成对目标Web页面的截图之后,如何保存目标Web页面的截图,在本发明一个实施例中,可以是按照预先存储的句柄与目标Web页面的截图的图片标识的对应关系,保存目标Web页面的截图,即,目标Web页面的截图的图片标识以及预先存储的句柄与目标Web页面的截图的图片标识的对应关系。如此,在后续需要显示目标Web页面的截图时,可以获取目标Web页面的截图的图片标识(图片标识可以是目标Web页面的截图的编号,或者,携带目标Web页面的URI信息),在预先存储的句柄中,根据预先建立的图片标识与句柄的对应关系,查找与图片标识相对应的句柄;当查找到与图片标识相对应的句柄时,由于句柄携带指向图片数据结构的图片指针,因此,可以根据句柄中携带的图片指针,调用图片指针指向的图片数据结构,快速显示目标Web页面的截图。
在本发明另一实施例中,保存对目标Web页面的截图可以是:压缩目标Web页面的截图,并为压缩后的截图按照压缩前的尺寸分配在缓存区中的起始地址和大小,这种实现方式应用在终端存储单元不足或有大量图片需要保存的场景,因此,可以先对目标Web页面的截图,并为压缩后的截图按照压缩前的尺寸分配在缓存区中的起始地址和大小,对压缩的目标Web页面的截图进行解压,并根据在缓存区中分配的起始地址,将解压后的图片存储至缓存区。后续在显示目标Web页面的截图时,当向服务器发送访问目标Web页面对应互联网资源的请求发送完成时,查找目标Web页面的截图在缓存区中分配的起始地址,从缓存区中提取目标Web页面的截图后显示。由于向服务器发送访问目标Web页面对应互联网资源的请求发送完成时,可从创建的缓存中直接提取解压后的原始图片,直接复制到终端的输出设备并进行显示,因此,无需每次都先将图片进行解压,大大提高了显示压缩格式图片的效率。
在本发明另一实施例中,保存对目标Web页面的截图可以是:以目标Web页面的截图中媒体元素对应的媒体内容为基本单位,保存目标Web页面的多个媒体内容。本实施例可对应于附图6或附图8的场景,这种保存方式可在后续展示目标Web页面的截图时,按照目标Web页面的截图中媒体元素对应的媒体内容为基本单位,来对目标Web页面已经加载完成的部分页面在屏幕上进行定位,从而能够根据定位的结果,调取截图中对应于目标Web页面在所述屏幕尚未呈现的区域的部分截图予以展示。
由于目标Web页面加载完成后,无需呈现已经展示的目标Web页面的截图,因此,在本申请一个实施例中,在加载目标Web页面完成并获得目标Web页面的完整页面之后,隐去目标Web页面的截图。具体方式可以是服务器向终端发送一个指示隐去目标Web页面的截图的通知,终端在收到这一通知后,由网页调用客户端提供的接口,隐去目标Web页面的截图。若终端没有收到上述通知,或者,客户端没有接口可供调用,也可以设置一个定时器,在目标Web页面加载完成后的预设时间到达时,自动隐去目标Web页面的截图。
请参阅附图10,是本申请另一实施例提供的展示Web页面的方法,其执行主体可以是相应于附图2示例的终端的服务器,主要包括步骤S1001和步骤S1002,说明如下:
步骤S1001:接收客户端发送的访问目标Web页面对应互联网资源的第一请求。
在本申请实施例中,客户端是终端的客户端。客户端向服务器发送的访问目标Web页面对应互联网资源的第一请求中截图支持标识,该截图支持标识用于客户端向服务器表明客户端支持对目标Web页面进行截图。
步骤S1002:根据第一请求,向客户端返回在完成目标Web页面的加载后对目标Web页面进行截图的指示,以使客户端在下次向服务器发送访问目标Web页面对应互联网资源的第二请求完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图,且在截图被展示时,加载服务器根据第二请求返回的目标Web页面。
在本实施例中,客户端展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图,且在截图被展示时加载服务器返回的目标Web页面,其实施方式与前述实施例中当终端向服务器发送访问目标Web页面对应互联网资源的请求完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图的实施方式,两者的技术方案中涉及的技术特征的内涵、外延或相关术语的解释亦相同,可参阅前述实施例的相关描述,此处不再赘述。
为了更加清楚地阐述本申请的技术方案,以下以附图11示例的终端110和服务器140为例,通过两者的交互来说明本申请的展示Web页面的方法。需要说明的是,由于客户端安装在终端110上,因此,以下描述或者附图11中,终端110和客户端具有等同的含义。请参阅附图11,包括步骤S1101至步骤S1111,详细说明如下:
步骤S1101:准备加载目标Web页面。
客户端在准备加载目标Web页面时,会向用户呈现输入目标Web页面对应的URI的输入框。
步骤S1102:展示已有目标Web页面的截图。
步骤S1102中,客户端所展示的已有目标Web页面的截图,可以是前一次客户端访问目标Web页面对应互联网资源时对目标Web页面的截图,具体的实施方式与前述实施例中客户端展示目标Web页面的截图的实施方式相同,可参阅前述的实施例。
步骤S1103:向服务器发送访问目标Web页面对应互联网资源的请求。
在本实施例中,客户端向服务器发送访问目标Web页面对应互联网资源的请求中,携带有截图支持标识,该截图支持标识用于客户端向服务器表明客户端支持对目标Web页面进行截图。
需要说明的是,上述步骤S1102与步骤S1103可以颠倒次序,即步骤S1103在步骤S1102之前实施,或者,两者可以同时执行。
步骤S1104:初始化网页显示控件。
在本实施例中,网页显示控件用于显示目标Web页面。
步骤S1105:向客户端发送支持对目标Web页面进行截图的能力的回包。
服务器收到客户端发送的请求中携带有的截图支持标识后,根据该截图支持标识,向客户端发送支持对目标Web页面进行截图的能力的响应包,该响应包除了包含目标Web页面内容之外,还携带第一特定接口和第二特定接口,其中,第一特定接口被页面显示控件调用后,可以通知客户端隐藏目标Web页面的截图,第二特定接口被页面显示控件调用后,可以通知客户端对目标Web页面进行截图。
步骤S1106:向页面显示控件发送加载目标Web页面的通知。
步骤S1107:加载目标Web页面。
页面显示控件收到客户端发送的加载目标Web页面的通知后,加载目标Web页面。
步骤S1108:调用服务器提供的第一特定接口,通知客户端隐藏目标Web页面的截图。
由于目标Web页面完成后,无需继续呈现已经展示的目标Web页面的截图,因此,页面显示控件调用服务器提供、由服务器通过响应包发送至客户端的第一特定接口,以通知客户端隐藏目标Web页面的截图。
步骤S1109:调用服务器提供的第二特定接口,通知客户端对目标Web页面进行截图。
服务器提供的第二特定接口由服务器通过响应包发送至客户端,页面显示控件可通过调用该第二特定接口,以通知客户端对目标Web页面进行截图。
步骤S1110:对目标Web页面进行截图并予以保存。
客户端对目标Web页面进行截图并予以保存,是为了下次访问目标Web页面对应互联网资源时,能够先展示目标Web页面的截图。
步骤S1111:检查是否已隐藏目标Web页面的截图。
客户端延时一段时间,检查是否已隐藏目标Web页面的截图,防止页面显示控件没有调用服务器提供的第二特定接口。在确定页面显示控件没有调用服务器提供的第二特定接口后,自动隐藏目标Web页面的截图。
请参阅附图12,是本申请实施例提供的一种展示Web页面的装置的结构示意图,该装置可以集成在终端等计算机设备中,该装置包括请求发送模块1201、截图展示模块1202和页面加载模块1203,其中:
请求发送模块1201,用于向服务器发送访问目标Web页面对应互联网资源的请求;
截图展示模块1202,用于当请求发送模块1201向服务器发送访问目标Web页面对应互联网资源的请求发送完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图;
页面加载模块1203,用于在截图被展示时,加载服务器根据请求返回的目标Web页面。
在一种可能实现方式中,该截图展示模块1202用于根据目标Web页面加载的进度,以弥补加载过程中目标Web页面加载不足的方式展示目标Web页面的截图的部分截图。
在一种可能实现方式中,该截图展示模块1202用于对目标Web页面已经加载完成的部分页面在屏幕上进行定位;根据定位的结果,调取目标Web页面的截图中对应于目标Web页面在屏幕尚未呈现的区域的部分截图予以展示。
在一种可能实现方式中,上述附图12的装置还包括截图模块和保存模块,其中:
截图模块,用于加载目标Web页面完成并获得目标Web页面的完整页面之后,当触发条件满足时对目标Web页面进行截图;
保存模块,用于保存触发条件满足时对目标Web页面的截图。
在一种可能实现方式中,截图模块用于在触发条件满足时对目标Web页面进行两次截图,合并两次截图,合并的结果作为目标Web页面的最终页面截图。
在一种可能实现方式中,保存模块用于按照预先存储的句柄与目标Web页面的截图的图片标识的对应关系,保存目标Web页面的截图;或者,保存模块用于压缩目标Web页面的截图,并为压缩后的截图按照压缩前的尺寸分配在缓存区中的起始地址和大小;或者,保存模块用于以目标Web页面的截图中媒体元素对应的媒体内容为基本单位,保目标Web页面的多个媒体内容。
在一种可能实现方式中,上述附图12的装置还包括消隐模块,用于在加载目标Web页面完成并获得目标Web页面的完整页面之后,隐去目标Web页面的截图。
请参阅附图13,是本申请实施例提供的一种展示Web页面的装置的结构示意图,该装置可以集成在服务器等计算机设备中,该装置包括请求接收模块1301和指示返回模块1302,其中:
请求接收模块1301,用于接收客户端发送的访问目标Web页面对应互联网资源的第一请求;
指示返回模块1302,用于根据第一请求,向客户端返回在完成目标Web页面的加载后对目标Web页面进行截图的指示,以使客户端在下次向服务器发送访问目标Web页面对应互联网资源的第二请求完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图,且在截图被展示时,加载服务器根据第二请求返回的目标Web页面。
需要说明的是,上述实施例提供的展示Web页面的装置在展示Web页面时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的展示Web页面的装置与展示Web页面的方法实施例属于同一构思,其具体实现过程以及技术效果详见方法实施例,此处不再赘述。
本申请实施例还提供一种计算机设备,该计算机设备可以为终端或者服务器等设备,如图14所示,其示出了本申请实施例所涉及的计算机设备的结构示意图,具体来讲:
该计算机设备可以包括一个或者一个以上处理核心的处理器1401、一个或一个以上计算机可读存储介质的存储器1402、电源1403和输入单元1404等部件。本领域技术人员可以理解,图14中示出的计算机设备结构并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
处理器1401是该计算机设备的控制中心,利用各种接口和线路连接整个计算机设备的各个部分,通过运行或执行存储在存储器1402内的软件程序和/或模块,以及调用存储在存储器1402内的数据,执行计算机设备的各种功能和处理数据,从而对计算机设备进行整体监控。可选的,处理器1401可包括一个或多个处理核心;优选的,处理器1401可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器1401中。
存储器1402可用于存储软件程序以及模块,处理器1401通过运行存储在存储器1402的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器1402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据计算机设备的使用所创建的数据等。此外,存储器1402可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器1402还可以包括存储器控制器,以提供处理器1401对存储器1402的访问。
计算机设备还包括给各个部件供电的电源1403,可选地,电源1403可以通过电源管理系统与处理器1401逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源1403还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
该计算机设备还可包括输入单元1404,该输入单元1404可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
尽管未示出,计算机设备还可以包括显示单元等,在此不再赘述。具体在本实施例中,计算机设备中的处理器1401会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器1402中,并由处理器1401来运行存储在存储器1402中的应用程序,从而实现各种功能,如下:向服务器发送访问目标Web页面对应互联网资源的请求;当请求发送完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图;在目标Web页面的截图被展示时,加载服务器根据请求返回的目标Web页面;或者,实现各种功能如下:接收客户端发送的访问目标Web页面对应互联网资源的第一请求;根据第一请求,向客户端返回在完成目标Web页面的加载后对目标Web页面进行截图的指示,以使客户端在下次向服务器发送访问目标Web页面对应互联网资源的第二请求完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图,且在截图被展示时,加载服务器根据第二请求返回的目标Web页面。
以上个操作的具体实施例可参见前面的实施例,在此不再赘述。
在一实施例中,如图15所示,该计算机设备可以是分布式系统中的一个节点,其中,该分布式系统可以为区块链系统,该区块链系统可以是由多个节点通过网络通信的形式连接形成的分布式系统。其中,节点之间可以组成点对点(P2P,Peer To Peer)网络,任意形式的计算机设备,比如服务器、终端等电子设备都可以通过加入该点对点网络而成为该区块链系统中的一个节点。
由以上可知,不同于现有技术在发送访问目标Web页面对应互联网资源的请求后,只能等待服务器的反应,使得终端呈现“白屏”,本发明的技术方案是在发送完成访问目标Web页面对应互联网资源的请求时,展示前一次访问目标Web页面对应互联网资源时对该目标Web页面的截图,与此同时,加载服务器根据请求返回的目标Web页面。由于展示目标Web页面的截图能够在极短的时间完成,呈现在用户眼前的不再是“白屏”而是目标Web页面的截图,给用户一种目标Web页面已经加载完成的印象,因而给用户带来目标Web页面能够迅速展示的良好体验。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本申请实施例提供一种计算机可读存储介质,其中存储有多条指令,该指令能够被处理器进行加载,以执行本申请实施例所提供的任一种展示Web页面的方法中的步骤。例如,该指令可以执行如下步骤:向服务器发送访问目标Web页面对应互联网资源的请求;当请求发送完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图;在目标Web页面的截图被展示时,加载服务器根据请求返回的目标Web页面;或者,该指令可以执行如下步骤:接收客户端发送的访问目标Web页面对应互联网资源的第一请求;根据第一请求,向客户端返回在完成目标Web页面的加载后对目标Web页面进行截图的指示,以使客户端在下次向服务器发送访问目标Web页面对应互联网资源的第二请求完成时,展示前一次访问目标Web页面对应互联网资源时对目标Web页面的截图,且在截图被展示时,加载服务器根据第二请求返回的目标Web页面。
以上各个操作的具体实施方式可参见前面的实施例,在此不再赘述。
其中,该计算机可读存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该计算机可读存储介质中所存储的指令,可以执行本申请实施例所提供的任一种展示Web页面的方法中的步骤,因此,可以实现本申请实施例所提供的任一种展示Web页面的方法所能实现的有益效果,详见前面的实施例,在此不再赘述。
以上对本申请实施例所提供的一种展示Web页面的方法、装置、计算机设备和计算机可读存储介质进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处,综上,本说明书内容不应理解为对本申请的限制。
Claims (12)
1.一种展示Web页面的方法,其特征在于,所述方法包括:
向服务器发送访问目标Web页面对应互联网资源的请求;
当所述请求发送完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图;
在所述截图被展示时,加载所述服务器根据所述请求返回的目标Web页面。
2.如权利要求1所述展示Web页面的方法,其特征在于,所述展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图,包括:
若所述目标Web页面加载不充分,则根据所述目标Web页面加载的进度展示所述截图的部分截图,以弥补所述目标Web页面加载不充分的部分。
3.如权利要求2所述展示Web页面的方法,其特征在于,所述若所述目标Web页面加载不充分,则根据所述目标Web页面加载的进度展示所述截图的部分截图,以弥补所述目标Web页面加载不充分的部分,包括:
对所述目标Web页面已经加载完成或尚未加载完成的部分页面在屏幕上进行定位;
根据所述定位的结果,调取所述截图中对应于所述目标Web页面在所述屏幕尚未呈现的区域的部分截图予以展示。
4.如权利要求1所述展示Web页面的方法,其特征在于,所述请求中包含截图支持标识,所述截图支持标识用于客户端向所述服务器表明其支持对所述目标Web页面进行截图,所述方法还包括:
所述加载所述目标Web页面完成并获得所述目标Web页面的完整页面之后,当触发条件满足时对所述目标Web页面进行截图,所述触发条件包括所述服务器根据所述截图支持标识指示所述客户端对所述目标Web页面截图的通知;
保存触发条件满足时对所述目标Web页面的截图。
5.如权利要求4所述展示Web页面的方法,其特征在于,所述在触发条件满足时对所述目标Web页面进行截图,包括:
在所述触发条件满足时对所述目标Web页面进行两次截图;
合并所述两次截图,所述合并的结果作为所述目标Web页面的最终页面截图。
6.如权利要求4所述展示Web页面的方法,其特征在于,所述保存对所述目标Web页面的截图,包括:
按照预先存储的句柄与所述截图的图片标识的对应关系,保存所述目标Web页面的截图;或者
压缩所述目标Web页面的截图,并为所述压缩后的截图按照压缩前的尺寸分配在缓存区中的起始地址和大小;或者
以所述目标Web页面的截图中媒体元素对应的媒体内容为基本单位,保存所述目标Web页面的多个媒体内容。
7.如权利要求1至6任意一项所述展示Web页面的方法,其特征在于,所述方法还包括:
在加载所述目标Web页面完成并获得所述目标Web页面的完整页面之后,隐去所述目标Web页面的截图。
8.一种展示Web页面的方法,其特征在于,所述方法包括:
接收客户端发送的访问目标Web页面对应互联网资源的第一请求;
根据所述第一请求,向所述客户端返回在完成所述目标Web页面的加载后对所述目标Web页面进行截图的指示,以使所述客户端在下次向所述服务器发送访问所述目标Web页面对应互联网资源的第二请求完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图,且在所述截图被展示时,加载所述服务器根据所述第二请求返回的目标Web页面。
9.一种展示Web页面的装置,其特征在于,所述装置包括:
请求发送模块,用于向服务器发送访问目标Web页面对应互联网资源的请求;
截图展示模块,用于当所述请求发送完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图;
页面加载模块,用于在所述截图被展示时,加载所述服务器根据所述请求返回的目标Web页面。
10.一种展示Web页面的装置,其特征在于,所述装置包括:
请求接收模块,用于接收客户端发送的访问目标Web页面对应互联网资源的第一请求;
指示返回模块,用于根据所述第一请求,向所述客户端返回在完成所述目标Web页面的加载后对所述目标Web页面进行截图的指示,以使所述客户端在下次向所述服务器发送访问所述目标Web页面对应互联网资源的第二请求完成时,展示前一次访问所述目标Web页面对应互联网资源时对所述目标Web页面的截图,且在所述截图被展示时,加载所述服务器根据所述第二请求返回的目标Web页面。
11.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求8或如权利要求1至7任意一项所述方法的步骤。
12.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求8或如权利要求1至7任意一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010357725.1A CN113568687A (zh) | 2020-04-29 | 2020-04-29 | 展示Web页面的方法、相关设备和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010357725.1A CN113568687A (zh) | 2020-04-29 | 2020-04-29 | 展示Web页面的方法、相关设备和计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113568687A true CN113568687A (zh) | 2021-10-29 |
Family
ID=78158602
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010357725.1A Pending CN113568687A (zh) | 2020-04-29 | 2020-04-29 | 展示Web页面的方法、相关设备和计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113568687A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114595391A (zh) * | 2022-03-17 | 2022-06-07 | 北京百度网讯科技有限公司 | 基于信息搜索的数据处理方法、装置和电子设备 |
-
2020
- 2020-04-29 CN CN202010357725.1A patent/CN113568687A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114595391A (zh) * | 2022-03-17 | 2022-06-07 | 北京百度网讯科技有限公司 | 基于信息搜索的数据处理方法、装置和电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111814089B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
CN112257135B (zh) | 一种基于多线程的模型加载方法、装置、存储介质及终端 | |
CN111880695B (zh) | 一种屏幕共享方法、装置、设备及存储介质 | |
JP2022021294A (ja) | 生放送室でのユーザコミュニケーションのための方法および装置、電子機器、記憶媒体並びにコンピュータプログラム | |
CN112231108A (zh) | 任务处理方法、装置、计算机可读存储介质及服务器 | |
CN111651418B (zh) | 一种文档内容下载方法、装置、计算机设备和存储介质 | |
CN113014608B (zh) | 一种流量分发控制方法、装置、电子设备及存储介质 | |
CN111654382A (zh) | 消息处理方法、装置、计算机设备和计算机可读存储介质 | |
CN113568687A (zh) | 展示Web页面的方法、相关设备和计算机可读存储介质 | |
CN115688695A (zh) | 协同操作处理方法、装置、设备以及介质 | |
CN112044061B (zh) | 游戏画面处理方法、装置、电子设备以及存储介质 | |
CN112751681B (zh) | 图像处理方法、装置、设备以及计算机可读存储介质 | |
CN115550354A (zh) | 一种数据处理方法、装置及计算机可读存储介质 | |
CN113535371A (zh) | 一种多线程异步加载资源的方法和装置 | |
CN114884914B (zh) | 一种应用程序同屏交流方法、系统 | |
CN103975301A (zh) | 通过本地服务器的对于本地客户机应用的事件服务 | |
CN113452948B (zh) | 会议终端的控制方法、装置、设备及存储介质 | |
CN115238006A (zh) | 检索数据同步方法、装置、设备及计算机存储介质 | |
CN111258902B (zh) | 基于SockJS服务器的性能测试方法和性能测试系统 | |
CN113849356A (zh) | 一种设备测试方法、装置、电子设备和存储介质 | |
CN115373831A (zh) | 数据处理方法、装置以及计算机可读存储介质 | |
CN110768855B (zh) | 链路化性能测试的方法和装置 | |
Kim | Cloud computing to improve Javascript processing efficiency of mobile applications | |
CN112399240A (zh) | 一种数据处理方法 | |
CN113836405B (zh) | 信息查询方法、装置以及计算机可读存储介质 |
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 |