CN109740081B - 页面加载方法及装置 - Google Patents
页面加载方法及装置 Download PDFInfo
- Publication number
- CN109740081B CN109740081B CN201811614857.7A CN201811614857A CN109740081B CN 109740081 B CN109740081 B CN 109740081B CN 201811614857 A CN201811614857 A CN 201811614857A CN 109740081 B CN109740081 B CN 109740081B
- Authority
- CN
- China
- Prior art keywords
- page
- data
- range
- data range
- page data
- 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
Links
Images
Abstract
本申请实施例提供的页面加载方法及装置。首先,获取页面数据中部分的目标页面数据,然后,再分段获取目标页面数据前后的页面数据。如此,将页面数据分段进行加载,可以防止一次加载的页面数据过大导致的浏览卡顿,确保用户在浏览大数据量的页面时不会卡顿。同时,将分段获取的页面数据进行渲染,对浏览器资源占用较少,可以快速完成页面内容的预加载,在用户浏览该页面时可以快速响应用户的操作并呈现页面内容。
Description
技术领域
本申请涉及网页数据处理技术领域,具体而言,涉及一种页面加载方法及装置。
背景技术
上网浏览网页是人们日常获取信息的常用手段,在进行网页页面浏览时,常常会出现页面卡顿的问题,给用户造成不好的体验。究其原因,其中一个很重要的原因就是请求浏览的网页页面数据量过大(比如达到兆级),服务器端在处理该请求时会花费很多的时间(比如数秒)将请求的响应信息进行封装,而客户端这边又会花费较长的时间进行页面的渲染,整个过程耗时较长,具体表现就是整个页面呈现需要较长时间,用户不能及时浏览页面内容,导致用户体验非常糟糕。因此,如何解决页面数据量过大情况下,页面内容的流畅显示问题,是急需解决的技术问题。
发明内容
本申请描述一种页面加载方法及装置,用于实现对数据量过大的页面进行加载,以克服数据量过大的页面在加载显示过程中的卡顿问题。
第一方面,一种页面加载方法,所述方法包括:
接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取所述预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;所述预设数据范围不大于所述页面请求中的请求数据范围;
根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述第一数据范围对应的第一页面数据,将所述第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到所述目标页面内容之前;
根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之后的与第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到所述目标页面内容之后。
可选地,在本申请中,在所述将渲染得到的第一页面内容添加到所述目标页面内容之前的步骤后,还包括:
判断所述第一数据范围的起始索引值是否大于零,若是,则重复执行以下操作,直到所述起始索引值不大于零:
将所述第一页面内容作为新目标页面内容,根据所述新目标页面数据的页面数据范围,确定位于所述新目标页面数据的页面数据范围之前的与第一范围值对应的新第一数据范围,发送包含所述新第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述新第一数据范围对应的新第一页面数据,将所述新第一页面数据进行处理和渲染,得到新第一页面内容,并将渲染得到的新第一页面内容添加到所述新目标页面内容之前。
可选地,在本申请中,所述确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,包括:
判断位于所述页面数据范围的起始索引值是否大于所述第一范围值第一范围值;
若是,则将位于所述页面数据范围之前的所述第一范围值对应的数据范围作为所述第一数据范围;
若否,则将位于所述页面数据范围之前的数据范围作为所述第一数据范围。
可选地,在本申请中,在所述将渲染得到的第二页面内容添加到所述目标页面内容之后的步骤后,还包括:
判断所述第二数据范围的结束索引值是否小于所述请求数据范围的结束索引值,若是,则重复执行以下操作,直到所述结束索引值不小于所述请求数据范围的结束索引值:
将所述第二页面内容作为新目标页面内容,根据所述新目标页面数据的页面数据范围,确定位于所述新目标页面数据的页面数据范围之后的与第二范围值对应的新第二数据范围,发送包含所述新第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述新第二数据范围对应的新第二页面数据,将所述新第二页面数据进行处理和渲染,得到新第二页面内容,并将渲染得到的新第二页面内容添加到所述新目标页面内容之后。
可选地,在本申请中,所述确定位于所述页面数据范围之后的与第一范围值对应的第二数据范围,包括:
判断位于所述页面数据范围的结束索引值与所述第二范围值第二范围值之和是否大于所述请求数据范围的结束索引值;
若是,则将位于所述页面数据范围之后的数据范围作为所述第二数据范围;
若否,则将位于所述页面数据范围之后的所述第二范围值对应的数据范围作为所述第二数据范围。
可选地,在本申请中,还包括:
若接收到所述第一页面数据的大小大于第一预设数据大小的判断结果,则更新所述第一范围值,并确定位于所述页面数据范围之前的与更新后第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求;和/或
若接收到所述第二页面数据的大小大于第二预设数据大小的判断结果,则更新所述第二范围值,并确定位于所述页面数据范围之后的与更新后第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求。
第二方面,本申请还提供一种页面加载装置,所述装置包括:
目标页面内容获取模块,用于接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取所述预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;所述预设数据范围不大于所述页面请求中的请求数据范围;
第一页面内容获取模块,用于根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述第一数据范围对应的第一页面数据,将所述第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到所述目标页面内容之前;
第二页面内容获取模块,用于根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之后的与第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到所述目标页面内容之后。
第三方面,本申请还提供一种终端设备,所述终端设备包括处理器及存储有若干计算机指令的非易失性存储器,所述计算机指令被所述处理器执行时,所述终端设备执行第一方面所述的页面加载方法。
第四方面,本申请还提供一种可读存储介质,所述可读存储介质包括计算机程序,所述计算机程序运行时控制所述可读存储介质所在终端设备执行第一方面所述的页面加载方法。
相对于现有技术而言,本申请具有以下有益效果:
本申请提供的页面加载方法及装置,首先,获取页面数据中部分的目标页面数据,然后,再分段获取目标页面数据前后的页面数据。如此,将页面数据分段进行加载,可以防止一次加载的页面数据过大导致的浏览卡顿,确保用户在浏览大数据量的页面时不会卡顿。同时,将分段获取的页面数据进行渲染,对浏览器资源占用较少,可以快速完成页面内容的预加载,在用户浏览该页面时可以快速响应用户的操作并呈现页面内容。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的终端设备的结构框图;
图2为本申请实施例提供的页面加载方法的一种流程示意图;
图3为本申请实施例提供的页面加载装置的一种功能模块框图;
图4为本申请实施例提供的页面加载装置的另一种功能模块框图。
图标:100-终端设备;110-页面加载装置;1101-目标页面内容获取模块;1102-第一页面内容获取模块;1103-第二页面内容获取模块;1104-索引值更新模块;1105-页面内容显示模块;111-存储器;112-处理器;113-通信单元;114-显示单元。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本申请实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请实施例保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本申请实施例的描述中,术语"第一"、"第二"等仅用于区分描述,而不能理解为指示或暗示相对重要性。应当理解,尽管在本申请实施例可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本申请范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,此外,所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
为了解决背景技术中存在的技术问题,相关技术提供以下两种解决方案:
第一种方案是采用分页技术将大数据量的页面进行分页显示,采用多个数据页显示该页面。其中,分页技术包括真分页技术和假分页技术。在采用真分页技术时,根据要显示数据页的显示内容从数据库中查询并获取相应的页面数据,并将页面数据进行处理和渲染后形成数据页。在采用假分页技术时,将数据库中的该页面对应的页面数据全部取出,并缓存到客户端(比如浏览器),在需要显示时,将页面数据进行处理和渲染得到需要显示的页面内容。
第二种方案是采用Web存储的方式,先将页面可能需要的页面数据存储到客户端,然后客户端再显示存储的页面数据。目前HTML5(英文全称:Hyper Text Markup Language5.0,中文:超文本标记语言5.0)提供两种在客户端存储数据的方法,分别是:localStorage和seesionStorage。其中,localStorage是没有时间限制的数据存储;seesionStorage只存储当前会话页的数据,当用户关闭当前会话页或浏览器时,数据会被清除。Web存储相比于cookie能存储更复杂的数据。
在相关技术提供的上述两种方案中,申请人发现存在以下问题。
第一种方案存在以下缺陷:在采用假分页技术时,因假分页技术只能支持数据量比较小的分页,在页面的数据量比较大(比如兆级)的时候,如果将数据库中的数据全部取出来,存放在客户端的缓存中,那么整个客户端系统将会无法正常使用,使得页面浏览会变得异常缓慢。
在采用真分页技术时,真分页技术可以弥补假分页技术的一些不足(比如能支持的页面数据量更大),但是其本身也有较大的局限性,比如有些数据并不适合以分页形式呈现,譬如图表、日志等数据。若用户想查看一个完整的图表,或分析一下整体数据的走势,真分页只能对数据页进行单页显示,无法连续显示位于不同数据页上的同一图表,若浏览该图表需要在不同的数据页间切换,而每次切换数据页都会重新加载,重复读写会浪费网络和存储资源。同时若浏览的大数据量的页面为实时更新的页面,比如日志,在对页面进行分页处理时,页面数据需要不断的更新,页码需要不断的初始化,增加客户端的数据处理负担。
在第二种方案中,Web存储只能存储较小的页面数据量,在针对数据量较大的页面数据时,会极大的影响客户端的性能,并且在将页面数据渲染成页面内容的时候,也还会占用到客户端较多的资源。
为了解决上述现有技术存在的技术问题,本申请的申请人经过研究后提出以下解决方案。
请参照图1,图1为本申请实施例提供的一种终端设备100的结构示意图。所述终端设备100可以是,但不限于,智能手机、个人电脑(personal computer,PC)、平板电脑、个人数字助理(personal digital assistant,PDA)、移动上网设备(mobile Internet device,MID)等。所述终端设备100上可以运行有用于浏览页面的客户端(比如,浏览器),所述终端设备100可以包括页面加载装置110、存储器111、处理器112、通信单元113及显示单元114。
所述存储器111、处理器112、通信单元113及显示单元114的各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。
其中,所述存储器111可以是,但不限于,随机存取存储器(Random AccessMemory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(ProgrammableRead-Only Memory,PROM),可擦除只读存储器(Erasable Programmable Read-OnlyMemory,EPROM),电可擦除只读存储器(Electric Erasable Programmable Read-OnlyMemory,EEPROM)等。其中,存储器111用于存储程序,所述处理器112在接收到执行指令后,执行所述程序。所述通信单元113用于通过网络建立所述终端设备100与其它设备(比如服务器)之间的通信连接,并可以用于通过网络获取信息,比如,通过网络从服务器的数据库中获取网页的网页数据信息。显示单元可以用于显示终端设备100通过网络从其它设备(比如服务器)中获取的信息(比如网页数据信息)。
页面加载装置110包括至少一个可以软件或固件(firmware)的形式存储于所述存储器111中或固化在所述终端设备100的操作系统(英文:Operating System,简称:OS)中的软件功能模块。所述处理器112用于执行所述存储器111中存储的可执行模块,例如页面加载装置110所包括的软件功能模块及计算机程序等。
应当理解的是,图1所示的结构仅为示意,所述终端设备100还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。
请参照图2,图2为本申请实施例提供的应用于图1中的终端设备100的页面加载方法的流程图,结合图2,下面对所述方法包括的各个步骤进行详尽的阐述。
步骤S210,接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;预设数据范围不大于页面请求中的请求数据范围。
在本申请实施例中,用户可以通过安装在终端设备100上的客户端(例如网页浏览器)输入页面请求,其中,输入页面请求的方式可以是通过输入网页地址的方式,也可以是通过点击网页链接的方式。
页面请求对应的页面可以是页面内容不变的网页,也可以是页面内容不断更新的网页,比如,用于播报实时监控信息的页面。
在页面请求对应的页面为页面内容不变的网页时,在向服务器发送包括预设数据范围的页面数据请求时,预设数据范围可以通过页面数据的总行数index_max1(固定值)和该次请求的页面数据行数N(比如,1000行)确定,比如,预设数据范围可以为index_max1/2±N/2。具体地,服务器在接收到页面数据请求后,可以根据获取的页面数据的总行数确定该次请求的页面数据的具体数据范围,以便终端设备100从服务器存储的网页数据中读取该预设数据范围所对应的目标页面数据。
在页面请求对应的页面为页面内容更新的网页时,在向服务器发送包括预设数据范围的页面数据请求时,预设数据范围可以由页面数据请求的页面数据行数N及页面数据当前时刻的最大索引值index_max2确定,在服务器接收到页面数据请求时,服务器可以获取请求的页面数据在当前时刻的最大索引值index_max2(非固定值),并以(index_max2-N,index_max2)作为该次页面数据请求的预设数据范围,以便终端设备100根据该预设数据范围从服务器存储的网页数据中读取对应的目标页面数据,
当然,上述仅仅是对本申请实施例中,对页面数据请求中预设数据范围进行确定的可选实施方式,应该理解的是,在本申请其他实施例中,页面数据请求中预设数据范围的具体选择方式还可以是除上述方式之外的其他方式。当然应当理解的是,上述页面数据请求中的预设数据范围应当不大于页面请求中请求的数据范围,即页面数据请求所请求的页面数据为页面请求所请求的页面数据的一部分。
终端设备100获取到预设数据范围所对应的目标页面数据后,将目标页面数据进行处理和渲染,得到目标页面数据对应的目标页面内容。将页面数据进行处理和渲染和现有技术相同,在此就不再赘述。在本申请实施例中,渲染得到的目标页面内容为html格式的页面内容。
应该理解的是,页面数据请求的预设数据范围应当保证被请求的页面数据的大小不超过预设数据大小(比如,0.1M),以使终端设备100读取目标页面数据并对目标页面数据进行渲染得到目标页面内容的时间不会过长(比如超过0.1秒)。
在本申请实施例中,终端设备100在获得目标页面数据后,还可以记录该目标页面数据的索引范围,该索引范围包括起始索引值和结束索引值。具体地,索引可以是行数或时间戳等用于标识页面数据的标识信息。
步骤S220,根据目标页面数据的页面数据范围,确定位于页面数据范围之前的与第一范围值对应的第一数据范围,发送包含第一数据范围的第一页面数据请求,并从服务器存储的页面数据中读取所述第一数据范围对应的第一页面数据,将第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到目标页面内容之前。
在获得目标页面数据后,终端设备100根据目标页面数据的页面数据范围,确定位于页面数据范围之前的与第一范围值对应的第一数据范围。其中第一范围值可以根据终端设备100当前的空闲资源(存储资源、计算资源和网络资源)进行调整,在空闲资源较多时可以将第一范围值适当变大,在空闲资源较少是可以将第一范围值适当变小,以保证终端设备100从服务器获取第一范围值的页面数据,及对读取页面数据进行渲染的时间不会过长(比如超过0.1秒),以使用户感觉不到存在卡顿现象。
具体地,当接收到第一页面数据的大小大于预先设定的第一预设数据(比如,0.1M)大小时,表明终端设备100当前的空闲资源较多,可以更新第一范围值(比如,由之前的范围值2000行增加到3000行),并确定页面数据范围之前的与更新后第一范围值对应的第一数据范围,此时第一数据范围相应扩大(比如,假设目标页面数据的页面数据范围为[4500,6499],则与更新后第一范围值对应的第一数据范围由之前的范围[2500,4499]更新成[1500,4499])。当接收到第一页面数据的大小小于预先设定的第一预设数据(比如,0.1M)的大小时,表明终端设备100当前的空闲资源较少,可以更新第一范围值(比如,由之前的范围值2000行减小到1000行),并确定页面数据范围之前的与更新后第一范围值对应的第一数据范围,此时第一数据范围相应缩小(比如,假设目标页面数据的页面数据范围为[4500,6499],则与更新后第一范围值对应的第一数据范围由之前的范围[2500,4499]更新成[3500,4499])。
在另外的示例中,终端设备100在发送包含第一数据范围的第一页面数据请求后,还可以获取服务器发送的判断结果。具体的,服务器在接收到第一页面数据请求后,判断第一数据范围对应的第一页面数据的大小是否大于第一预设数据大小,若大于,则认为终端设备100对读取页面数据进行渲染的时间可能较长(比如超过0.1秒),则向终端设备100返回第一页面数据的大小大于第一预设数据大小的判断结果。终端设备100依据该判断结果将第一范围值适当变小,以保证终端设备100从服务器获取第一数据范围的页面数据,及对读取页面数据进行渲染的时间不会过长(比如超过0.1秒),以使用户感觉不到存在卡顿现象。
在确定第一数据范围后,终端设备100向服务器发送包括第一数据范围的第一页面数据请求。从服务器存储的页面数据中读取第一数据范围对应的第一页面数据。将第一页面数据进行处理和渲染,得到第一页面数据对应的html格式的第一页面内容。
在终端设备100将第一页面数据渲染得到第一页面内容之后,终端设备100将第一页面内容添加到目标页面内容之前,具体地,可以采用JavaScript框架(jQuery)中封装的prepend()方法将渲染得到的第一页面内容依次添加在第一页面内容之前。
步骤S230,根据目标页面数据的页面数据范围,确定位于页面数据范围之后的与第二范围值对应的第二数据范围,发送包含第二数据范围的第二页面数据请求,并从服务器存储的页面数据中读取所述第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到所述目标页面内容之后。
与步骤S230类似地,第二范围值可以根据终端设备100当前的空闲资源(存储资源、计算资源和网络资源)进行调整,在空闲资源较多时可以将第二范围值适当变大,在空闲资源较少是可以将第二范围值适当变小,以保证终端设备100从服务器获取第二范围值的页面数据,及对读取页面数据进行渲染的时间不会过长(比如超过0.1秒),以使用户感觉不到存在卡顿现象。
具体地,当接收到第二页面数据的大小大于预先设定的第二预设数据(比如,0.1M)大小时,表明终端设备100当前的空闲资源较多,可以更新第二范围值(比如,由之前的范围值2000行增加到3000行),并确定页面数据范围之后的与更新后第二范围值对应的第二数据范围,第二数据范围相应扩大(比如,假设目标页面数据的页面数据范围为[4500,6499],则与更新后第二范围值对应的第二数据范围由之前的范围[6500,8499]更新成[6500,9499])。当接收到第二页面数据的大小小于预先设定的第二预设数据(比如,0.1M)的大小时,表明终端设备100当前的空闲资源较少,可以更新第二范围值(比如,由之前的范围值2000行减小到1000行),并确定页面数据范围之后的与更新后第二范围值对应的第二数据范围,第二数据范围相应缩小(比如,假设目标页面数据的页面数据范围为[4500,6499],则与更新后第二范围值对应的第二数据范围由之前的范围[6500,8499]更新成[6500,7499])。
在另外的示例中,在另外的示例中,终端设备100在发送包含所述第二数据范围的第二页面数据请求后,还可以获取服务器发送的判断结果。具体的,服务器在接收到第二页面数据请求后,判断第二数据范围对应的第二页面数据的大小是否大于第二预设数据大小,若大于,则认为终端设备100对读取页面数据进行渲染的时间可能较长(比如超过0.1秒),则向终端设备100返回第二页面数据的大小大于第二预设数据大小的判断结果。终端设备100依据该判断结果将第二范围值适当变小,以保证终端设备100从服务器获取第二数据范围的页面数据,及对读取页面数据进行渲染的时间不会过长(比如超过0.1秒),以使用户感觉不到存在卡顿现象。
在本申请实施例中,第一预设数据大小可以与第二预设数据大小相同,也可以不同。
在从服务器中读取第二数据范围对应的第二页面数据,并将读取的第二页面数据进行处理和渲染,得到第二页面内容后,终端设备100可以采用JavaScript框架(jQuery)中封装的append()方法将渲染得到的第二页面内容添加在目标页面内容之后。
上述实施例提供的网页加载方法,将页面内容分解成包括目标页面内容、第一页面内容及第二页面内容的多个部分分别进行加载,可以防止一次加载的页面数据过大导致的浏览卡顿问题,确保用户在浏览大数据量的页面时能顺畅浏览。
进一步地,在本申请实施例中,在将渲染得到的第一页面内容添加到目标页面内容之前的步骤后,页面加载方法可以包括:
判断第一数据范围的起始索引值是否大于零,若是,则重复执行以下操作,直到起始索引值不大于零:
将第一页面内容作为新目标页面内容,根据新目标页面数据的页面数据范围,确定位于新目标页面数据的页面数据范围之前的与第一范围值对应的新第一数据范围,发送包含新第一数据范围的第一页面数据请求,并从服务器存储的页面数据中读取新第一数据范围对应的新第一页面数据,将新第一页面数据进行处理和渲染,得到新第一页面内容,并将渲染得到的新第一页面内容添加到新目标页面内容之前。
下面以具体例子对上述过程进行说明,假设目标页面数据的索引值范围为[5000,6000],第一范围值包括2000行页面数据。
目标页面数据的起始索引值5000大于2000,则确定位于目标页面数据范围之前的与第一范围值对应的数据范围为[3000,4999]。故第一数据范围为[3000,4999],从服务器中获得索引值范围为[3000,4999]的页面数据作为第一页面数据。将索引值范围为[3000,4999]的第一页面数据渲染得到的第一页面内容添加到索引值范围为[5000,6000]的目标页面数据渲染得到的目标页面内容之前。
判定第一数据范围的起始索引值3500大于0,继续流程,将索引值范围为[3000,4999]的页面数据作为新目标页面数据。新目标页面数据的起始索引值3000大于2000,确定位于新目标页面数据范围之前的第一数据范围[1000,2999],则新第一数据范围为[1000,2999],从服务器中获得索引值范围为[1000,2999]的页面数据作为新第一页面数据。将索引值范围为[1000,2999]的新第一页面数据渲染得到的新第一页面内容添加到索引值范围为[3000,4999]的新目标页面数据渲染得到的新目标页面内容之前。
判定新第一数据范围的起始索引1000大于0,继续流程,将索引值范围为[1000,2999]的新第一页面数据作为新目标页面数据。新目标页面数据的起始索引值1000小于2000,确定位于新目标页面数据范围之前的数据范围作为新第一数据范围[0,999],从服务器中获得索引值范围为[0,999]的页面数据作为新第一页面数据。将索引值范围为[0,999]的新第一页面数据渲染得到的新第一页面内容添加到索引值范围为[1000,2999]的新目标页面数据渲染得到的新目标页面内容之前。
判定新第一数据范围的起始索引0不大于0,结束流程。
进一步地,在本申请实施例中,在将渲染得到的第二页面内容添加到目标页面内容之后的步骤后,页面加载方法还可以包括:
判断第二数据范围的结束索引值是否小于请求数据范围的结束索引值,若是,则重复执行以下操作,直到结束索引值不小于请求数据范围的结束索引值:
将第二页面内容作为新目标页面内容,根据新目标页面数据的页面数据范围,确定位于新目标页面数据的页面数据范围之后与第二范围值对应的新第二数据范围,发送包含新第二数据范围的第二页面数据请求,并从服务器存储的页面数据中读取新第二数据范围对应的新第二页面数据,将新第二页面数据进行处理和渲染,得到新第二页面内容,并将渲染得到的新第二页面内容添加到新目标页面内容之后。
下面还是以具体例子对上述过程进行说明,假设目标页面数据的索引值范围为[5000,6000],第二范围值包括2000行页面数据,页面请求的请求数据范围的结束索引值为10000。
目标页面数据的结束索引值6000与第二范围值2000之和8000小于请求数据范围的结束索引值10000,则确定位于目标页面数据范围之后的与第二范围值对应的数据范围为[6001,8000]。故第二数据范围为[6001,8000],从服务器中获得索引值范围为[6001,8000]的页面数据作为第二页面数据。将索引值范围为[6001,8000]的第二页面数据渲染得到的第二页面内容添加到索引值范围为[5000,6000]的目标页面数据渲染得到的目标页面内容之后。
判定第二数据范围的结束索引值8000小于请求数据范围的结束索引值10000,继续流程,将索引值范围为[6001,8000]的页面数据作为新目标页面数据。新目标页面数据的结束索引值8000与第二范围值2000之和等于请求数据范围的结束索引值10000,确定位于新目标页面数据范围之后的数据范围作为新第二数据范围[8001,10000],从服务器中获得索引值范围为[8001,10000]的页面数据作为新第二页面数据。将索引值范围为[8001,10000]的新第二页面数据渲染得到的新第二页面内容添加到索引值范围为[6001,8000]的新目标页面数据渲染得到的新目标页面内容之后。
判定新第二数据范围的结束索引10000不小于请求数据范围的结束索引值10000,结束流程。
在页面请求对应的页面为内容不断更新的页面时,还对请求数据范围的结束索引值进行实时更新。以确保终端设备100可以通过更新第二页面数据请求中的第二数据范围获得位于目标页面数据之后的更新页面数据。
在本申请实施例中,终端设备100异步进行第一页面内容和第二页面内容的加载。在异步进行第一页面内容和第二页面内容的加载时,每次加载第一页面内容和每次加载第二页面内容的顺序可以交替进行,即进行一次第一页面内容的加载后,再进行一次第二页面内容的加载。在此情况下,终端设备100在读取网页数据和处理渲染网页数据所耗时间小于预设时间(比如0.1S),以使用户感觉不到卡顿。
在本申请实施例中,所述方法还包括:根据预先配置页面内容显示规则,将渲染得到的所述目标页面内容、第一页面内容或第二页面内容进行显示。
用户可以在终端设备100的客户端上设置页面内容的显示规则,比如,将不需要立即显示的页面内容(比如,第一页面内容)进行隐藏,将需要立即显示的页面内容(比如,目标页面内容)在渲染后立即显示。具体地,可以通过设置页面内容所处的页面层级实现对页面内容的显示或隐藏控制,其中,页面层级用于描述页面内容展示顺序,对于处于两个不同页面层级的页面内容而言,处于高页面层级的页面内容会被显示,处于低页面层级的页面内容会被隐藏。同时,为将数据量较大的页面内容呈现在同一显示界面上,可以在显示界面上设置用于选择显示界面上不同页面内容的滚动条,通过拖动滚动条选择显示页面中的页面内容,并将选择的页面内容所处的页面层级调高后进行显示,将其他不需要显示的页面内容保持在低页面层级,以进行隐藏不显示,在用户通过滚动条选择隐藏的页面内容时,再将选择的该隐藏部分页面进行显示。在本申请实施例中,滚动条的位置可以根据用户需求进行设置,比如,将滚动条的位置锁定在加载的最新第二页面内容位置处。用户可以通过向上拖动滚动条获得第一页面内容和目标页面内容,在显示第一页面内容时,若需要显示的第一页面内容还未加载完成,可以在终端设备100上显示诸如“第一页面内容加载中”的提示信息。
本申请实施例提供的页面加载方法,将页面内容分解成包括目标页面内容、第一页面内容及第二页面内容的多个部分分别进行加载,可以防止一次加载的页面数据过大导致的浏览卡顿问题,确保用户在浏览大数据量的页面时能顺畅浏览。将目标页面内容、第一页面内容及第二页面内容拼接在一起形成完整的页面,可以确保图表和日志这类信息被同一页面显示,不会被分页到不同分页页面,方便用户浏览查询;同时在同一页面显示,只要该页面不被关闭,就不需要像分页显示的某一分页页面在关闭后需要重新加载该分页页面的页面内容才能重新浏览该分页页面,相对于分页显示可以避免重复读取数据,节省网络资源及客户端的存储资源。从目标页面内容的前后两个方向分别依次获取第一页面内容及第二页面内容,并按照页面内容的先后顺序将第一页面内容、目标页面内容及第二页面内容拼接在一起,可以确保网页内容的完整性。
本申请实施例还提供一种页面加载装置110,与上面实施例不同的是,本页面加载装置110是从虚拟装置的角度描述本申请方案的。请参照图3,页面加载装置110可以包括以下模块。
目标页面内容获取模块1101,用于接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;所述预设数据范围不大于所述页面请求中的请求数据范围。
第一页面内容获取模块1102,用于根据所述目标页面数据的页面数据范围,确定位于页面数据范围之前的与第一范围值对应的第一数据范围,发送包含第一数据范围的第一页面数据请求,并从服务器存储的页面数据中读取第一数据范围对应的第一页面数据,将第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到目标页面内容之前。
具体地,第一页面内容获取1102模块还用于:
判断第一数据范围的起始索引值是否大于零,若是,则重复执行以下操作,直到起始索引值不大于零:
将第一页面内容作为新目标页面内容,根据新目标页面数据的页面数据范围,确定位于新目标页面数据的页面数据范围之前的与第一范围值对应的新第一数据范围,发送包含所述新第一数据范围的第一页面数据请求,并从服务器存储的页面数据中读取新第一数据范围对应的新第一页面数据,将新第一页面数据进行处理和渲染,得到新第一页面内容,并将渲染得到的新第一页面内容添加到新目标页面内容之前。
具体地,第一页面内容获取模块1102具体用于:
判断位于所述页面数据范围的起始索引值是否大于所述第一范围值;
若是,则将位于所述页面数据范围之前的所述第一范围值对应的数据范围作为所述第一数据范围;
若否,则将位于所述页面数据范围之前的数据范围作为所述第一数据范围。
第二页面内容获取模块1103,用于根据目标页面数据的页面数据范围,确定位于页面数据范围之后的与第二范围值对应的第二数据范围,发送包含第二数据范围的第二页面数据请求,并从服务器存储的页面数据中读取第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到目标页面内容之后。
具体地,第二页面内容获取模块1103还用于:
判断第二数据范围的结束索引值是否小于请求数据范围的结束索引值,若是,则重复执行以下操作,直到结束索引值不小于所述请求数据范围的结束索引值:
将第二页面内容作为新目标页面内容,根据新目标页面数据的页面数据范围,确定位于新目标页面数据的页面数据范围之后的与第二范围值对应的新第二数据范围,发送包含所述新第二数据范围的第二页面数据请求,并从服务器存储的页面数据中读取新第二数据范围对应的新第二页面数据,将新第二页面数据进行处理和渲染,得到新第二页面内容,并将渲染得到的新第二页面内容添加到新目标页面内容之后。
具体地,第二页面获取模块1103具体用于:
判断位于所述页面数据范围的结束索引值与所述第二范围值之和是否大于所述请求数据范围的结束索引值;
若是,则将位于页面数据范围之后的数据范围作为第二数据范围;
若否,则将位于页面数据范围之后的第二范围值对应的数据范围作为第二数据范围。
在本申请实施例中,第一页面内容获取模块1102,还用于若接收到第一页面数据的大小大于第一预设数据大小的判断结果,则更新第一范围值,并确定位于页面数据范围之前的与更新后第一范围值对应的第一数据范围,发送包含第一数据范围的第一页面数据请求;和/或
第二页面内容获取模块1103,还用于若接收到第二页面数据的大小大于第二预设数据大小的判断结果,则更新第二范围值,并确定位于页面数据范围之后的与更新后第二范围值对应的第二数据范围,发送包含第二数据范围的第二页面数据请求。
请参照图4,页面加载装置110还可以包括:
索引值更新模块1104,用于对请求数据范围的结束索引值进行实时更新。
在请求的页面为内容不断更新的页面时,索引值更新模块1104实时更新请求数据范围的结束索引值。
请参照图4,页面加载装置110还可以包括:
页面内容显示模块1105,用于根据预先配置页面内容显示规则,将渲染得到的第一页面内容、第一页面内容或第二页面内容进行显示。
如果上述功能以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得终端设备100执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(英文:Read-Only Memory,简称:ROM)、随机存取存储器(英文:Random Access Memory,简称:RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
综上所述,本申请实施例提供的页面加载方法及装置。将页面内容分解成包括目标页面内容、第一页面内容及第二页面内容的多个部分分别进行加载,可以防止一次加载的页面数据过大导致的浏览卡顿问题,确保用户在浏览大数据量的页面时能顺畅浏览。将目标页面内容、第一页面内容及第二页面内容拼接在一起形成完整的页面,可以确保图表和日志这类信息被同一页面显示,不会被分页到不同页面,方便用户浏览查询;同时在同一页面显示,只要该页面不被关闭,就不需要像分页显示的某一分页页面在关闭后需要重新加载该分页页面的页面内容才能想重新浏览该分页页面,相对于分页显示可以避免重复读取数据,可以节省网络资源及客户端的存储资源。从目标页面内容的前后两个方向分别依次获取第一页面内容及第二页面内容,并按照页面内容的先后顺序将第一页面内容、目标页面内容及第二页面内容拼接在一起,可以确保网页内容的完整性。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
Claims (12)
1.一种页面加载方法,其特征在于,所述方法包括:
接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取所述预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;所述预设数据范围不大于所述页面请求中的请求数据范围;
根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述第一数据范围对应的第一页面数据,将所述第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到所述目标页面内容之前;
根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之后的与第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到所述目标页面内容之后。
2.根据权利要求1所述的方法,其特征在于,在所述将渲染得到的第一页面内容添加到所述目标页面内容之前的步骤后,还包括:
判断所述第一数据范围的起始索引值是否大于零,若是,则重复执行以下操作,直到所述起始索引值不大于零,其中,所述第一数据范围为多行数据的行数范围,所述起始索引值表征所述多行数据中首行数据的行数值;
将所述第一页面内容作为新目标页面内容,根据所述新目标页面内容的页面数据范围,确定位于所述新目标页面内容的页面数据范围之前的与第一范围值对应的新第一数据范围,发送包含所述新第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述新第一数据范围对应的新第一页面数据,将所述新第一页面数据进行处理和渲染,得到新第一页面内容,并将渲染得到的新第一页面内容添加到所述新目标页面内容之前。
3.根 据权利要求1或2所述的方法,其特征在于,所述确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,包括:
判断位于所述页面数据范围的起始索引值是否大于所述第一范围值;
若是,则将位于所述页面数据范围之前的所述第一范围值对应的数据范围作为所述第一数据范围;
若否,则将位于所述页面数据范围之前的数据范围作为所述第一数据范围。
4.根据权利要求1所述的方法,其特征在于,在所述将渲染得到的第二页面内容添加到所述目标页面内容之后的步骤后,还包括:
判断所述第二数据范围的结束索引值是否小于所述请求数据范围的结束索引值,若是,则重复执行以下操作,直到所述结束索引值不小于所述请求数据范围的结束索引值,其中,所述第二数据范围为多行数据的行数范围,所述结束索引值表征所述多行数据中最后一行数据的行数值;
将所述第二页面内容作为新目标页面内容,根据所述新目标页面内容的页面数据范围,确定位于所述新目标页面内容的页面数据范围之后的与第二范围值对应的新第二数据范围,发送包含所述新第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述新第二数据范围对应的新第二页面数据,将所述新第二页面数据进行处理和渲染,得到新第二页面内容,并将渲染得到的新第二页面内容添加到所述新目标页面内容之后。
5.根据权利要求1或4所述的方法,其特征在于,所述确定位于所述页面数据范围之后的与第二范围值对应的第二数据范围,包括:
判断位于所述页面数据范围的结束索引值与所述第二范围值之和是否大于所述请求数据范围的结束索引值;
若是,则将位于所述页面数据范围之后的数据范围作为所述第二数据范围;
若否,则将位于所述页面数据范围之后的所述第二范围值对应的数据范围作为所述第二数据范围。
6.根据权利要求1所述的方法,其特征在于,还包括:
若接收到所述第一页面数据的大小大于第一预设数据大小的判断结果,则更新所述第一范围值,并确定位于所述页面数据范围之前的与更新后第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求;和/或
若接收到所述第二页面数据的大小大于第二预设数据大小的判断结果,则更新所述第二范围值,并确定位于所述页面数据范围之后的与更新后第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求。
7.一种页面加载装置,其特征在于,所述装置包括:
目标页面内容获取模块,用于接收页面请求,并向服务器发送包含预设数据范围的页面数据请求,从服务器存储的页面数据中读取所述预设数据范围对应的目标页面数据,并将该目标页面数据进行处理和渲染,得到该目标页面数据对应的目标页面内容;所述预设数据范围不大于所述页面请求中的请求数据范围;
第一页面内容获取模块,用于根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之前的与第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述第一数据范围对应的第一页面数据,将所述第一页面数据进行处理和渲染,得到第一页面内容,并将渲染得到的第一页面内容添加到所述目标页面内容之前;
第二页面内容获取模块,用于根据所述目标页面数据的页面数据范围,确定位于所述页面数据范围之后的与第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述第二数据范围对应的第二页面数据,将读取的第二页面数据进行处理和渲染,得到第二页面内容,并将渲染得到的第二页面内容添加到所述目标页面内容之后。
8.根据权利要求7所述的装置,其特征在于:
所述第一页面内容获取模块,还用于判断所述第一数据范围的起始索引值是否大于零,若是,则重复执行以下操作,直到所述起始索引值不大于零,其中,所述第一数据范围为多行数据的行数范围,所述起始索引值表征所述多行数据中首行数据的行数值;
将所述第一页面内容作为新目标页面内容,根据所述新目标页面内容的页面数据范围,确定位于所述新目标页面内容的页面数据范围之前的与第一范围值对应的新第一数据范围,发送包含所述新第一数据范围的第一页面数据请求,并从所述服务器存储的页面数据中读取所述新第一数据范围对应的新第一页面数据,将所述新第一页面数据进行处理和渲染,得到新第一页面内容,并将渲染得到的新第一页面内容添加到所述新目标页面内容之前。
9.根据权利要求7或8所述的装置,其特征在于,所述第一页面内容获取模块具体用于:
判断位于所述页面数据范围的起始索引值是否大于所述第一范围值;
若是,则将位于所述页面数据范围之前的所述第一范围值对应的数据范围作为所述第一数据范围;
若否,则将位于所述页面数据范围之前的数据范围作为所述第一数据范围。
10.根据权利要求7所述的装置,其特征在于:
所述第二页面内容获取模块,还用于判断所述第二数据范围的结束索引值是否小于所述请求数据范围的结束索引值,若是,则重复执行以下操作,直到所述结束索引值不小于所述请求数据范围的结束索引值,其中,所述第二数据范围为多行数据的行数范围,所述结束索引值表征所述多行数据中最后一行数据的行数值;
将所述第二页面内容作为新目标页面内容,根据所述新目标页面内容的页面数据范围,确定位于所述新目标页面内容的页面数据范围之后的与第二范围值对应的新第二数据范围,发送包含所述新第二数据范围的第二页面数据请求,并从所述服务器存储的页面数据中读取所述新第二数据范围对应的新第二页面数据,将所述新第二页面数据进行处理和渲染,得到新第二页面内容,并将渲染得到的新第二页面内容添加到所述新目标页面内容之后。
11.根据权利要求7或10所述的装置,其特征在于,所述第二页面内容获取模块具体用于:
判断位于所述页面数据范围的结束索引值与所述第二范围值之和是否大于所述请求数据范围的结束索引值;
若是,则将位于所述页面数据范围之后的数据范围作为所述第二数据范围;
若否,则将位于所述页面数据范围之后的所述第二范围值对应的数据范围作为所述第二数据范围。
12.根据权利要求7所述的装置,其特征在于:
所述第一页面内容获取模块,还用于若接收到所述第一页面数据的大小大于第一预设数据大小的判断结果,则更新所述第一范围值,并确定位于所述页面数据范围之前的与更新后第一范围值对应的第一数据范围,发送包含所述第一数据范围的第一页面数据请求;和/或
所述第二页面内容获取模块,还用于若接收到所述第二页面数据的大小大于第二预设数据大小的判断结果,则更新所述第二范围值,并确定位于所述页面数据范围之后的与更新后第二范围值对应的第二数据范围,发送包含所述第二数据范围的第二页面数据请求。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811614857.7A CN109740081B (zh) | 2018-12-27 | 2018-12-27 | 页面加载方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811614857.7A CN109740081B (zh) | 2018-12-27 | 2018-12-27 | 页面加载方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109740081A CN109740081A (zh) | 2019-05-10 |
CN109740081B true CN109740081B (zh) | 2021-03-09 |
Family
ID=66361515
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811614857.7A Active CN109740081B (zh) | 2018-12-27 | 2018-12-27 | 页面加载方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109740081B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112416478A (zh) * | 2019-08-20 | 2021-02-26 | 北京国双科技有限公司 | 信息展示方法及系统 |
CN111221815B (zh) * | 2019-11-07 | 2021-07-27 | 南京莱斯网信技术研究院有限公司 | 一种基于脚本的web服务分页数据采集系统 |
CN112270594B (zh) * | 2020-11-25 | 2023-09-12 | 深圳平安智汇企业信息管理有限公司 | 薪酬数据显示方法、装置、计算机设备和存储介质 |
CN112672187B (zh) * | 2020-12-18 | 2023-03-21 | 平安银行股份有限公司 | 页面生成方法、装置、计算机设备及可读存储介质 |
CN114518912B (zh) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术(深圳)有限公司 | 基于手机浏览器的页面加载方法、装置、系统和服务器 |
CN105335419A (zh) * | 2014-08-05 | 2016-02-17 | 优视科技有限公司 | 网页图片加载方法和装置 |
CN105512227A (zh) * | 2015-11-30 | 2016-04-20 | 用友优普信息技术有限公司 | 网页数据加载方法及系统 |
CN107066632A (zh) * | 2017-06-05 | 2017-08-18 | 厦门美柚信息科技有限公司 | 一种网页信息预加载的方法及装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106294379A (zh) * | 2015-05-18 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 一种页面的加载方法、装置和系统 |
CN106970992A (zh) * | 2017-03-31 | 2017-07-21 | 上海小蚁科技有限公司 | 一种页面缓存方法及装置 |
-
2018
- 2018-12-27 CN CN201811614857.7A patent/CN109740081B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术(深圳)有限公司 | 基于手机浏览器的页面加载方法、装置、系统和服务器 |
CN105335419A (zh) * | 2014-08-05 | 2016-02-17 | 优视科技有限公司 | 网页图片加载方法和装置 |
CN105512227A (zh) * | 2015-11-30 | 2016-04-20 | 用友优普信息技术有限公司 | 网页数据加载方法及系统 |
CN107066632A (zh) * | 2017-06-05 | 2017-08-18 | 厦门美柚信息科技有限公司 | 一种网页信息预加载的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109740081A (zh) | 2019-05-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109740081B (zh) | 页面加载方法及装置 | |
CN106991154B (zh) | 网页渲染方法、装置、终端及服务器 | |
US8949739B2 (en) | Creating and maintaining images of browsed documents | |
US8392837B2 (en) | Browser supporting multiple users | |
US9065793B2 (en) | Rendering web content using pre-caching | |
CN110209966B (zh) | 一种网页刷新方法、网页系统及电子设备 | |
EP1267278A1 (en) | Streaming of real-time data to a browser | |
US20100070899A1 (en) | Techniques for sharing content on a web page | |
US20150193386A1 (en) | System and Method of Facilitating Font Selection and Manipulation of Fonts | |
CN106874519B (zh) | 页面展现方法和装置 | |
US20100138437A1 (en) | User tracking for browser activities | |
CN110598149A (zh) | 网页访问方法、装置和存储介质 | |
US20100058167A1 (en) | Displaying Subscribable Content | |
WO2013082654A1 (en) | Systems and methods for processing web page data | |
CN112685671A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN111339456B (zh) | 预加载方法和装置 | |
CN110309463B (zh) | 落地页优化方法、装置、计算机存储介质及网络设备 | |
US8832288B1 (en) | Transitions between remotely cached and live versions of a webpage | |
CN113641924B (zh) | 网页可交互时间点检测方法、装置、电子设备及存储介质 | |
CN108829828B (zh) | 一种网页显示方法、装置、电子设备及可读存储介质 | |
CN111915705A (zh) | 图片可视化编辑方法、装置、设备和介质 | |
CN112130908A (zh) | 设置用户引导的方法及装置 | |
CN112287261A (zh) | 资源加载方法和电子设备 | |
CN110515618B (zh) | 页面信息录入优化方法、设备、存储介质及装置 | |
CN100592300C (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |