CN113158100A - 页面显示方法和页面显示装置 - Google Patents
页面显示方法和页面显示装置 Download PDFInfo
- Publication number
- CN113158100A CN113158100A CN202010075808.1A CN202010075808A CN113158100A CN 113158100 A CN113158100 A CN 113158100A CN 202010075808 A CN202010075808 A CN 202010075808A CN 113158100 A CN113158100 A CN 113158100A
- Authority
- CN
- China
- Prior art keywords
- page
- rendering
- module
- content
- jump request
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000009877 rendering Methods 0.000 claims abstract description 170
- 230000003068 static effect Effects 0.000 claims abstract description 61
- 230000006870 function Effects 0.000 claims description 17
- 230000004044 response Effects 0.000 claims description 7
- 238000010276 construction Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 22
- 230000008569 process Effects 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 230000002085 persistent effect Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 238000007781 pre-processing Methods 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 239000002355 dual-layer Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000010410 layer Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
公开了一种页面显示方法和页面显示装置。基于静态资源构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收针对第二页面的页面跳转请求;基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面;以及呈现渲染后的第一页面。由此,通过将第一页面的创建、渲染逻辑的确定都前置,可以减少用户点击后等待初始化的时间,实现用户点击即打开的效果。
Description
技术领域
本公开涉及计算机应用领域,特别是涉及一种页面显示方法和页面显示装置。
背景技术
页面打开速度是页面到达率及用户体验的重要影响因素。
在网络环境以及设备配置较差的落后地区(如印度、印度尼西亚),打开页面花费时间较长(通常在3秒以上),对页面到达率、用户体验都造成了较大的负面影响。
因此,仍需要一种能够提高页面打开速度的方案。
发明内容
本公开要解决的一个技术问题是提供一种能够提高页面打开速度的页面访问方案。
根据本公开的第一个方面,提供了一种页面显示方法,包括:基于静态资源构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收针对第二页面的页面跳转请求;基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面;以及呈现渲染后的第一页面。
根据本公开的第二个方面,提供了一种页面显示方法,包括:响应于页面跳转请求,查找页面跳转请求所针对的页面的渲染逻辑;基于渲染逻辑,将页面的至少部分页面内容渲染到第一页面,第一页面是基于静态资源构建的;以及呈现渲染后的第一页面。
根据本公开的第三个方面,提供了一种页面显示方法,包括:向用户提供用于控制预渲染功能的开启和关闭的控件;响应于用户通过所述控件打开所述预渲染功能,基于静态资源构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收用户的页面跳转请求;基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及呈现渲染后的所述第一页面。
根据本公开的第四个方面,提供了一种页面显示方法,包括:获取与用户对应资源模板,所述资源模板包括至少部分静态资源;基于所述资源模板构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收针对所述第二页面的页面跳转请求;基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及呈现渲染后的所述第一页面。
根据本公开的第五个方面,提供了一种页面显示装置,包括:构建模块,用于基于静态资源构建第一页面;确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收模块,用于接收针对所述第二页面的页面跳转请求;渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及呈现模块,用于呈现渲染后的所述第一页面。
根据本公开的第六个方面,提供了一种页面显示装置,包括:查找模块,用于响应于页面跳转请求,查找页面跳转请求所针对的页面的渲染逻辑;渲染模块,用于基于渲染逻辑,将页面的至少部分页面内容渲染到第一页面,第一页面是基于静态资源构建的;以及呈现模块,用于呈现渲染后的第一页面。
根据本公开的第七个方面,提供了一种电子设备,包括:显示器,用于显示信息流页面,信息流页面中包括多个推荐信息;存储器,用于存储静态资源;处理器,用于基于静态资源构建第一页面,确定针对一个或多个推荐信息所对应的第二页面的至少部分页面内容的渲染逻辑,响应于针对第二页面的页面跳转请求,基于该第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面,控制显示器呈现渲染后的第一页面。
根据本公开的第八个方面,提供了一种页面显示装置,包括:提供模块,用于向用户提供用于控制预渲染功能的开启和关闭的控件;构建模块,用于响应于用户通过所述控件打开所述预渲染功能,基于静态资源构建第一页面;确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收模块,用于接收用户的页面跳转请求;渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及呈现模块,用于呈现渲染后的所述第一页面。
根据本公开的第九个方面,提供了一种页面显示装置,包括:获取模块,用于获取与用户对应资源模板,所述资源模板包括至少部分静态资源;构建模块,用于基于所述资源模板构建第一页面;确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收模块,用于接收针对所述第二页面的页面跳转请求;渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及呈现模块,用于呈现渲染后的所述第一页面。
根据本公开的第十个方面,提供了一种计算设备,包括:处理器;以及存储器,其上存储有可执行代码,当可执行代码被处理器执行时,使处理器执行如上述第一方面至第四个方面中任一方面所述的方法。
根据本公开的第十一个方面,提供了一种非暂时性机器可读存储介质,其上存储有可执行代码,当可执行代码被电子设备的处理器执行时,使处理器执行如上述第一方面至第四个方面中任一方面所述的方法。
由此,通过将第一页面的创建、渲染逻辑的确定都前置,可以减少用户点击后等待初始化的时间,实现用户点击即打开的效果。
附图说明
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。
图1示出了根据本公开一个实施例的页面显示方法的示意性流程图。
图2示出了本公开的一种应用场景示意图。
图3示出了开信息流场景中正文页的渲染流程示意图。
图4示出了根据本公开一个实施例的页面显示装置的结构示意图。
图5示出了根据本公开另一个实施例的页面显示装置的结构示意图。
图6示出了根据本公开一个实施例的电子设备的结构示意图。
图7示出了根据本公开另一个实施例的页面显示装置的结构示意图。
图8示出了根据本公开另一个实施例的页面显示装置的结构示意图。
图9示出了根据本公开一个实施例的计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
本公开在用户点击页面前,提前创建空壳正文页(即下文述及的第一页面),并确定页面中至少部分页面内容(如首屏展示内容)的渲染逻辑。如此在用户点击页面时,可以基于预先确定的渲染逻辑直接在提前创建好的空壳正文页中渲染正文内容,从而可以减少用户点击后的等待时间,提高页面打开速度。
图1示出了根据本公开一个实施例的页面显示方法的示意性流程图。图1所示的方法可通过计算机程序来执行,也可由页面显示装置执行。可选地,图1所示的方法可以由安装在终端设备上的应用程序执行,应用程序可以是指任何能够提供页面访问服务的程序,如可以是但不限于浏览器、新闻资讯类APP。
参见图1,在步骤S110,基于静态资源构建第一页面。
静态资源是指页面中相对来说固定不变的资源,可以包括但不限于页面的框架、样式等与页面的正文内容无关的资源。如下文图2所示,以应用于信息流页面中正文页的显示为例,所显示的正文页的框架、样式等信息通常是由服务端定义好的固定不变的资源,这里的框架、样式等信息即为静态资源。换言之,静态资源可以是指与具体页面内容无关的页面样式资源。
基于静态资源构建的第一页面可以视为不包括具体页面内容(即正文内容)的框架页面。因此,第一页面也可以称为空白页面。在构建第一页面时,可以将第一页面设置为对用户不可见状态,即隐藏第一页面。
可以预先在本地存储静态资源。作为示例,提供页面资源的服务器可以将包括但不限于HTML、JavaScript、CSS等页面内静态资源打包到一个压缩包内,由客户端预先将该压缩包下载到本地。由此,在构建第一页面时,可以通过从本地加载离线包的方式,获取静态资源,从而可以摆脱网络环境的影响。
在构建第一页面之前,可以判断本地缓存的静态资源是否需要更新,在判定需要更新的情况下,从服务器获取更新的静态资源,并基于更新的静态资源构建第一页面。
作为示例,可以创建对用户不可见的网络视图(WebView),在网络视图中加载静态资源,得到第一页面。WebView是基于webkit引擎的能够展现网页界面的控件,利用WebView构建第一页面的底层实现过程本公开不再赘述。
可选地,在构建第一页面时,可以获取与当前用户相对应的静态资源,并基于与用户相对应的静态资源构建第一页面。即,可以为不同用户设置不同的静态资源,针对不同用户可以构建不同的第一页面,所构建的第一页面可以视为能够满足用户的个性化需求的页面。由此,可以为用户提供千人前面的页面浏览体验。其中用户对应的静态资源可以是由服务器根据用户的喜好为用户设定的,也可以是由用户根据自身喜好设置的。
在步骤S120,确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑。
第二页面是指用户可能访问的候选页面。以当前浏览页面为例,第二页面可以是指当前浏览页面中展示的超文本链接所指向的页面。至少部分页面内容可以是指第二页面中的首屏展示内容。
渲染逻辑用于指示如何对页面内容进行渲染。本公开可以从服务器预先获取一个或多个第二页面的至少部分页面内容,然后对获取的页面内容进行处理,以确定页面内容的渲染逻辑。
作为示例,可以从服务器获取一个或多个第二页面的至少部分页面内容,对至少部分页面内容进行处理,生成针对第二页面的渲染代码,渲染代码能够表征至少部分页面内容的渲染逻辑。
在得到渲染代码后,可以保存渲染代码,等待合适时机使用。也可以执行渲染代码,得到与第二页面对应的页面代码(如HTML代码),并保留页面代码,页面代码可以视为渲染后的能够用于直接加载到第一页面中的预加载数据。
在步骤S130,接收针对第二页面的页面跳转请求。
页面跳转请求,也即针对第二页面的页面访问请求。用户可以通过但不限于按键、触控等操作方式做出针对第二页面的页面跳转请求。可以通过检测用户的操作,获取针对第二页面的页面跳转请求,并确定页面跳转请求所针对的第二页面。
在步骤S140,基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面。
在预处理阶段(步骤S120)得到的是渲染代码的情况下,可以通过执行页面跳转请求所针对的第二页面的渲染代码,得到目标页面(即待打开页面)的页面代码,并在第一页面中加载页面代码。
在预处理阶段(步骤S120)得到的是页面代码的情况下,可以直接在第一页面中加载页面跳转请求所针对的第二页面的页面代码。
在步骤S150,呈现渲染后的第一页面。
由此,通过在用户点击页面之前,将页面的正文页渲染的逻辑提前准备好,使得用户点击页面后能达到立刻显示的效果。
响应于第一页面被关闭,可以重新基于静态资源构建第一页面。例如可以响应于第一页面被关闭,注销WebView,并重新创建一个WebView,形成新的第一页面,等待下一用户点击页面,在该第一页面中加载对应的页面数据。
本公开可以适用于但不限于多种页面显示场景。如可以适用但不限于应用程序(如浏览器、新闻资讯类应用等等)内的页面显示。
图2示出了本公开的一种应用场景示意图。
如图2所示,本公开可以用于信息流页面中正文页的显示,提高正文页的打开速度。图2左侧示出了信息流页面的一种示例图,信息流页面中包括多条推荐信息,每条推荐信息对应一个正文页,每条推荐信息可以视为正文页的梗概信息,可以包括标题和附图,并且推荐信息可以设计为能够为用户点击的超文本链接的形式。如图2右侧所示,用户可以通过点击操作跳转到对应的正文页。
可以在用户浏览信息流页面的过程中,执行上述步骤S110、步骤S120,构建第一页面,并确定信息流页面中推荐信息所对应的正文页(对应于上文述及的第二页面)的至少部分页面内容的渲染逻辑,并在用户点击推荐信息时,基于所点击的推荐信息所对应的正文页的渲染逻辑,将所述至少部分页面内容渲染到预先建立的第一页面中,以提高正文页的打开速度。
下面以应用于信息流场景为例,就正文页的打开流程进行说明。
如图3所示,整个过程主要包括两个阶段,正文页数据预加载处理阶段和正文页渲染阶段。
1、正文页数据预加载处理
1)当用户进入应用时,可以首先检查离线包是否有更新,如果需要更新,则更新本地离线包。其中离线包可以视为由HTML、JavaScript、CSS等页面内静态资源打包而成的压缩包。
2)创建一个隐藏的WebView,并加载离线包中的静态资源,形成一个空壳正文页(对应于上文述及的第一页面)。
3)客户端可以从服务器拉取列表页数据,服务端返回列表数据与正文页内容数据。其中列表页数据也即上文述及的信息流页面,正文页内容数据也即信息流页面中推荐信息所对应的正文页的内容数据。
4)客户端拿到列表数据和正文页数据后,可以解析首图数据的URL。解析首图数据的URL,也即针对信息流页面中首屏展示的推荐信息所对应的正文页,确定正文页中的首屏展示内容。解析得到的首图数据即为需要进行处理的预加载数据。
5)对预加载数据进行预处理,生成预渲染代码。
2、正文页渲染
1)用户点击信息流页面中的某一推荐信息以期望打开正文页时,可以将预渲染代码注入到WebView,WebView执行渲染代码生成HTML填充到页面首屏区域,同时请求正文页首图的URL,拉取首图。正文页首图的URL,也即页面首屏区域内资源的URL,首图也即首屏。
2)当WebView填充首屏HTML完成后,客户端拦截页面的首图请求,并返回点击时预加载的首图,完成首屏的渲染。
3)当用户关闭正文页时,对当前WebView进行销毁,并重新创建一个隐藏WebView,重新构建一个空壳正文页,等待用户点击下一个正文页。
作为可选实施例,在得到渲染代码后,还可以在正文页数据预加载处理阶段直接注入渲染代码,即在空WebView中提前执行渲染代码生成HTML保存在WebView的内存中。当用户点击正文页时,只需要向页面发送打开哪个正文页的信号,页面收到信号后直接获取保存在WebView内存中的HTML代码。
本公开将创建WebView、加载离线包、渲染逻辑的确定都前置,在用户点击时,只需要执行渲染代码(或加载HTML代码),从而可以有效降低白屏的问题,减少用户点击后等待初始化的时间,实现用户点击即打开的效果。
本公开还提出了一种页面显示方法,包括:响应于页面跳转请求,查找页面跳转请求所针对的页面的渲染逻辑;基于渲染逻辑,将页面的至少部分页面内容渲染到第一页面,第一页面是基于静态资源构建的;以及呈现渲染后的第一页面。其中,渲染逻辑和第一页面都是用户点击页面前预先确定好的,关于渲染逻辑、第一页面可以参见上文相关描述,此处不再赘述。
本公开还提出了一种页面显示方法,包括:向用户提供用于控制预渲染功能的开启和关闭的控件;响应于用户通过控件打开预渲染功能,基于静态资源构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收用户的页面跳转请求;基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面;以及呈现渲染后的第一页面。其中,关于渲染逻辑、第一页面、以及相关步骤的实施细节可以参见上文结合图1的相关描述,此处不再赘述。与图1所示方法不同的是,在本实施例中可以为用户提供用于控制预渲染功能的开启和关闭的控件,根据预渲染功能的开启状态,确定是否执行图1所示的方法。
本公开还提出了一种页面显示方法,包括:获取与用户对应资源模板,资源模板包括至少部分静态资源;基于资源模板构建第一页面;确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收针对第二页面的页面跳转请求;基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面;以及呈现渲染后的第一页面。其中,关于渲染逻辑、第一页面、以及相关步骤的实施细节可以参见上文结合图1的相关描述,此处不再赘述。与图1所示方法不同的是,在本实施例中可以为不同用户设置不同的资源模板,其中资源模板可以是由服务器根据用户喜好为用户设定的,也可以是由用户根据自身喜好设置的。由此,可以为用户提供千人前面的个性化浏览体验。
本公开的页面显示方法还可以实现为一种页面显示装置。
图4示出了根据本公开一个实施例的页面显示装置的结构示意图。其中,页面显示装置400的功能模块可以由实现本公开原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图4所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
下面就页面显示装置400可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文结合图1至图3的相关描述,这里不再赘述。
参见图4,页面显示装置400包括构建模块410、确定模块420、接收模块430、渲染模块440以及呈现模块450。
构建模块410用于基于静态资源构建第一页面。确定模块420用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑。接收模块430用于接收针对第二页面的页面跳转请求。渲染模块440用于基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面。呈现模块450用于呈现渲染后的第一页面。
构建模块410可以创建网络视图,在网络视图中加载静态资源,得到第一页面。
在本公开的一个实施例中,确定模块420可以从服务器获取一个或多个第二页面的至少部分页面内容,对至少部分页面内容进行处理,生成针对第二页面的渲染代码,渲染代码用于表征至少部分页面内容的渲染逻辑。渲染模块440可以执行页面跳转请求所针对的第二页面的渲染代码,得到第二页面的页面代码,在第一页面中加载页面代码。
在本公开的另一个实施例中,确定模块420可以从服务器获取一个或多个第二页面的至少部分页面内容,对至少部分页面内容进行处理,生成针对第二页面的渲染代码,渲染代码用于表征至少部分页面内容的渲染逻辑,执行渲染代码,得到与第二页面对应的页面代码。渲染模块440可以在第一页面中加载页面跳转请求所针对的第二页面的页面代码。
页面显示装置400还可以包括缓存模块和/或判断模块。缓存模块用于在本地缓存静态资源。判断模块用于在构建第一页面之前,判断本地缓存的静态资源是否需要更新,在判定需要更新的情况下,从服务器获取更新的静态资源。
图5示出了根据本公开另一个实施例的页面显示装置的结构示意图。其中,页面显示装置500的功能模块可以由实现本公开原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图5所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
下面就页面显示装置500可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文结合图1至图3的相关描述,这里不再赘述。
参见图5,页面显示装置500包括查找模块510、渲染模块520以及呈现模块530。
查找模块510用于响应于页面跳转请求,查找页面跳转请求所针对的页面的渲染逻辑。渲染模块520用于基于渲染逻辑,将页面的至少部分页面内容渲染到第一页面,第一页面是基于静态资源构建的。呈现模块530用于呈现渲染后的第一页面。关于渲染逻辑、第一页面可以参见上文相关描述,此处不再赘述。
图6示出了根据本公开一个实施例的电子设备的结构示意图。
参见图6,电子设备600包括显示器610、存储器620以及处理器630。
显示器610、用于显示信息流页面,信息流页面中包括多个推荐信息。存储器620用于存储静态资源。处理器630用于基于静态资源构建第一页面,确定针对一个或多个推荐信息所对应的第二页面的至少部分页面内容的渲染逻辑,响应于针对第二页面的页面跳转请求,基于该第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面,控制显示器呈现渲染后的第一页面。关于处理器630可以执行的操作可以参见上文相关描述,此处不再赘述。
图7示出了根据本公开另一个实施例的页面显示装置的结构示意图。其中,页面显示装置700的功能模块可以由实现本公开原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图7所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
下面就页面显示装置700可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文相关描述,这里不再赘述。
参见图7,页面显示装置700包括提供模块710、构建模块720、确定模块730、接收模块740、渲染模块750以及呈现模块760。
提供模块710用于向用户提供用于控制预渲染功能的开启和关闭的控件;构建模块720用于响应于用户通过所述控件打开所述预渲染功能,基于静态资源构建第一页面;确定模块730用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收模块740用于接收用户的页面跳转请求;渲染模块750用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;呈现模块760用于呈现渲染后的所述第一页面。
图8示出了根据本公开另一个实施例的页面显示装置的结构示意图。其中,页面显示装置800的功能模块可以由实现本公开原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图8所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
下面就页面显示装置800可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文相关描述,这里不再赘述。
参见图8,页面显示装置800包括获取模块810、构建模块820、确定模块830、接收模块840、渲染模块850以及呈现模块860。
获取模块810用于获取与用户对应资源模板,资源模板包括至少部分静态资源;构建模块820用于基于资源模板构建第一页面;确定模块830用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;接收模块840用于接收针对第二页面的页面跳转请求;渲染模块850用于基于页面跳转请求所针对的第二页面的渲染逻辑,将至少部分页面内容渲染到第一页面;呈现模块860用于呈现渲染后的第一页面。
图9示出了根据本公开一实施例可用于实现上述页面显示方法的计算设备的结构示意图。
参见图9,计算设备900包括存储器910和处理器920。
处理器920可以是一个多核的处理器,也可以包含多个处理器。在一些实施例中,处理器920可以包含一个通用的主处理器以及一个或多个特殊的协处理器,例如图形处理器(GPU)、数字信号处理器(DSP)等等。在一些实施例中,处理器920可以使用定制的电路实现,例如特定用途集成电路(ASIC,Application Specific Integrated Circuit)或者现场可编程逻辑门阵列(FPGA,Field Programmable Gate Arrays)。
存储器910可以包括各种类型的存储单元,例如系统内存、只读存储器(ROM),和永久存储装置。其中,ROM可以存储处理器920或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中,永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中,永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备,例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外,存储器910可以包括任意计算机可读存储媒介的组合,包括各种类型的半导体存储芯片(DRAM,SRAM,SDRAM,闪存,可编程只读存储器),磁盘和/或光盘也可以采用。在一些实施方式中,存储器910可以包括可读和/或写的可移除的存储设备,例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM,双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。
存储器910上存储有可执行代码,当可执行代码被处理器920处理时,可以使处理器920执行上文述及的页面显示方法。
上文中已经参考附图详细描述了根据本公开的页面显示方法、页面显示装置、电子设备以及计算设备。
此外,根据本公开的方法还可以实现为一种计算机程序或计算机程序产品,该计算机程序或计算机程序产品包括用于执行本公开的上述方法中限定的上述各步骤的计算机程序代码指令。
或者,本公开还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质),其上存储有可执行代码(或计算机程序、或计算机指令代码),当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时,使所述处理器执行根据本公开的上述方法的各个步骤。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本公开的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。
Claims (19)
1.一种页面显示方法,包括:
基于静态资源构建第一页面;
确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收针对所述第二页面的页面跳转请求;
基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现渲染后的所述第一页面。
2.根据权利要求1所述的页面显示方法,其中,基于静态资源构建第一页面的步骤包括:
创建网络视图;
在所述网络视图中加载静态资源,得到所述第一页面。
3.根据权利要求1所述的页面显示方法,其中,确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑的步骤包括:
从服务器获取一个或多个第二页面的至少部分页面内容;
对所述至少部分页面内容进行处理,生成针对第二页面的渲染代码,所述渲染代码用于表征所述至少部分页面内容的渲染逻辑。
4.根据权利要求3所述的页面显示方法,其中,将所述至少部分页面内容渲染到所述第一页面的步骤包括:
执行所述页面跳转请求所针对的第二页面的渲染代码,得到所述第二页面的页面代码;
在所述第一页面中加载所述页面代码。
5.根据权利要求1所述的页面显示方法,其中,确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑的步骤包括:
从服务器获取一个或多个第二页面的至少部分页面内容;
对所述至少部分页面内容进行处理,生成针对第二页面的渲染代码,所述渲染代码用于表征所述至少部分页面内容的渲染逻辑;
执行所述渲染代码,得到与所述第二页面对应的页面代码。
6.根据权利要求5所述的页面显示方法,其中,渲染所述第一页面的步骤包括:
在所述第一页面中加载所述页面跳转请求所针对的第二页面的页面代码。
7.根据权利要求1所述的页面显示方法,还包括:
在本地缓存所述静态资源;并且/或者
在构建所述第一页面之前,判断本地缓存的静态资源是否需要更新,在判定需要更新的情况下,从服务器获取更新的静态资源。
8.根据权利要求1所述的页面显示方法,其中,
所述一个或多个第二页面为当前展示的超文本链接所指向的页面,
所述至少部分页面内容为所述第二页面的首屏展示内容。
9.根据权利要求1所述的页面显示方法,还包括:
响应于所述第一页面被关闭,重新基于静态资源构建第一页面。
10.一种页面显示方法,包括:
响应于页面跳转请求,查找所述页面跳转请求所针对的页面的渲染逻辑;
基于所述渲染逻辑,将所述页面的至少部分页面内容渲染到第一页面,所述第一页面是基于静态资源构建的;以及
呈现渲染后的所述第一页面。
11.一种页面显示方法,包括:
向用户提供用于控制预渲染功能的开启和关闭的控件;
响应于用户通过所述控件打开所述预渲染功能,基于静态资源构建第一页面;
确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收用户的页面跳转请求;
基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现渲染后的所述第一页面。
12.一种页面显示方法,包括:
获取与用户对应资源模板,所述资源模板包括至少部分静态资源;
基于所述资源模板构建第一页面;
确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收针对所述第二页面的页面跳转请求;
基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现渲染后的所述第一页面。
13.一种页面显示装置,包括:
构建模块,用于基于静态资源构建第一页面;
确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收模块,用于接收针对所述第二页面的页面跳转请求;
渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现模块,用于呈现渲染后的所述第一页面。
14.一种页面显示装置,包括:
查找模块,用于响应于页面跳转请求,查找所述页面跳转请求所针对的页面的渲染逻辑;
渲染模块,用于基于所述渲染逻辑,将所述页面的至少部分页面内容渲染到第一页面,所述第一页面是基于静态资源构建的;以及
呈现模块,用于呈现渲染后的所述第一页面。
15.一种电子设备,包括:
显示器,用于显示信息流页面,所述信息流页面中包括多个推荐信息;
存储器,用于存储静态资源;
处理器,用于基于所述静态资源构建第一页面,确定针对一个或多个所述推荐信息所对应的第二页面的至少部分页面内容的渲染逻辑,响应于针对所述第二页面的页面跳转请求,基于该第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面,控制所述显示器呈现渲染后的所述第一页面。
16.一种页面显示装置,包括:
提供模块,用于向用户提供用于控制预渲染功能的开启和关闭的控件;
构建模块,用于响应于用户通过所述控件打开所述预渲染功能,基于静态资源构建第一页面;
确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收模块,用于接收用户的页面跳转请求;
渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现模块,用于呈现渲染后的所述第一页面。
17.一种页面显示装置,包括:
获取模块,用于获取与用户对应资源模板,所述资源模板包括至少部分静态资源;
构建模块,用于基于所述资源模板构建第一页面;
确定模块,用于确定针对一个或多个第二页面的至少部分页面内容的渲染逻辑;
接收模块,用于接收针对所述第二页面的页面跳转请求;
渲染模块,用于基于所述页面跳转请求所针对的第二页面的渲染逻辑,将所述至少部分页面内容渲染到所述第一页面;以及
呈现模块,用于呈现渲染后的所述第一页面。
18.一种计算设备,包括:
处理器;以及
存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1至12中任何一项所述的方法。
19.一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如权利要求1至12中任何一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010075808.1A CN113158100B (zh) | 2020-01-22 | 2020-01-22 | 页面显示方法和页面显示装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010075808.1A CN113158100B (zh) | 2020-01-22 | 2020-01-22 | 页面显示方法和页面显示装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113158100A true CN113158100A (zh) | 2021-07-23 |
CN113158100B CN113158100B (zh) | 2024-05-03 |
Family
ID=76882029
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010075808.1A Active CN113158100B (zh) | 2020-01-22 | 2020-01-22 | 页面显示方法和页面显示装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113158100B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114065080A (zh) * | 2021-11-26 | 2022-02-18 | 腾讯科技(深圳)有限公司 | 页面渲染方法、装置、设备及计算机可读存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106339414A (zh) * | 2016-08-12 | 2017-01-18 | 合网络技术(北京)有限公司 | 网页渲染方法及装置 |
WO2018022359A1 (en) * | 2016-07-26 | 2018-02-01 | Google Llc | Web page display systems and methods |
US20180191798A1 (en) * | 2016-12-30 | 2018-07-05 | Google Inc. | Methods and systems for server-side rendering of native content for presentation |
CN108334562A (zh) * | 2018-01-09 | 2018-07-27 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
CN109933737A (zh) * | 2019-03-22 | 2019-06-25 | 中国工商银行股份有限公司 | 网页页面处理方法、装置及系统 |
US20190303500A1 (en) * | 2018-03-27 | 2019-10-03 | Capital One Services, Llc | Systems and methods for single page application server side renderer |
CN110442811A (zh) * | 2019-08-14 | 2019-11-12 | 广州虎牙科技有限公司 | 一种页面的处理方法、装置、计算机设备和存储介质 |
-
2020
- 2020-01-22 CN CN202010075808.1A patent/CN113158100B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018022359A1 (en) * | 2016-07-26 | 2018-02-01 | Google Llc | Web page display systems and methods |
CN106339414A (zh) * | 2016-08-12 | 2017-01-18 | 合网络技术(北京)有限公司 | 网页渲染方法及装置 |
US20180191798A1 (en) * | 2016-12-30 | 2018-07-05 | Google Inc. | Methods and systems for server-side rendering of native content for presentation |
CN108334562A (zh) * | 2018-01-09 | 2018-07-27 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
US20190303500A1 (en) * | 2018-03-27 | 2019-10-03 | Capital One Services, Llc | Systems and methods for single page application server side renderer |
CN109933737A (zh) * | 2019-03-22 | 2019-06-25 | 中国工商银行股份有限公司 | 网页页面处理方法、装置及系统 |
CN110442811A (zh) * | 2019-08-14 | 2019-11-12 | 广州虎牙科技有限公司 | 一种页面的处理方法、装置、计算机设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
江玮;陈晓勇;刘昕;: "数字地球中海量三维模型实时可视化的新方法", 计算机应用, no. 1, pages 117 - 119 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114065080A (zh) * | 2021-11-26 | 2022-02-18 | 腾讯科技(深圳)有限公司 | 页面渲染方法、装置、设备及计算机可读存储介质 |
CN114065080B (zh) * | 2021-11-26 | 2023-06-13 | 腾讯科技(深圳)有限公司 | 页面渲染方法、装置、设备及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113158100B (zh) | 2024-05-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105095280B (zh) | 一种浏览器缓存方法和装置 | |
US10031891B2 (en) | Delivery and display of page previews during page retrieval events | |
US7921353B1 (en) | Method and system for providing client-server injection framework using asynchronous JavaScript and XML | |
US20140143644A1 (en) | Web browser page transition acceleration | |
CN107040584B (zh) | 客户端下载图片的方法及装置 | |
JPH1124980A (ja) | 複数媒体タイプにアクセスする媒体管理装置及び方法 | |
US9552342B2 (en) | Generating a collage for rendering on a client computing device | |
CN110442815B (zh) | 页面生成方法、系统、装置及计算机可读存储介质 | |
US8516041B1 (en) | Pre-fetching asynchronously requested content | |
US20170199850A1 (en) | Method and system to decrease page load time by leveraging network latency | |
WO2015062416A1 (en) | Method and device for loading webpages based onuiwebview components | |
CN112637361B (zh) | 一种页面代理方法、装置、电子设备及存储介质 | |
CN111367596A (zh) | 一种实现业务数据处理的方法及装置和客户端 | |
US20230409398A1 (en) | Resource pre-fetch using age threshold | |
CN111339456B (zh) | 预加载方法和装置 | |
US20240146677A1 (en) | Dynamic content delivery via email | |
CN104881452B (zh) | 一种资源地址的嗅探方法、装置及系统 | |
CN113158100B (zh) | 页面显示方法和页面显示装置 | |
CN113742551A (zh) | 一种基于scrapy和puppeteer的动态数据抓取方法 | |
US7512665B1 (en) | Chained uniform resource locators | |
CN113076501A (zh) | 一种页面处理方法、存储介质及设备 | |
US8429544B2 (en) | Content server latency demonstration | |
AU2008285354A1 (en) | Content server latency determination | |
Koehl et al. | M. site: Efficient content adaptation for mobile devices | |
CN113704648A (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 |