CN111881393A - 一种页面渲染方法、装置、介质及电子设备 - Google Patents
一种页面渲染方法、装置、介质及电子设备 Download PDFInfo
- Publication number
- CN111881393A CN111881393A CN202010710936.9A CN202010710936A CN111881393A CN 111881393 A CN111881393 A CN 111881393A CN 202010710936 A CN202010710936 A CN 202010710936A CN 111881393 A CN111881393 A CN 111881393A
- Authority
- CN
- China
- Prior art keywords
- page
- interaction
- identifier
- rendering
- 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.)
- Granted
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 184
- 238000000034 method Methods 0.000 title claims abstract description 87
- 230000003993 interaction Effects 0.000 claims abstract description 209
- 230000006399 behavior Effects 0.000 claims description 46
- 238000012545 processing Methods 0.000 claims description 30
- 230000002452 interceptive effect Effects 0.000 claims description 27
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012216 screening Methods 0.000 claims description 3
- 230000008569 process Effects 0.000 abstract description 18
- 238000010586 diagram Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 10
- 230000006872 improvement Effects 0.000 description 9
- 238000005516 engineering process Methods 0.000 description 6
- 230000004044 response Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000036961 partial effect Effects 0.000 description 1
- 229920001296 polysiloxane Polymers 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 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
-
- 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
-
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
- G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/32—Indexing scheme for image data processing or generation, in general involving image mosaicing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本说明书公开了一种页面渲染方法、设备、介质及电子设备,包括:若需要在终端设备上加载页面,则终端设备向服务器设备发送包含待渲染页面的页面标识的页面渲染数据获取请求;接收服务器设备发送的页面布局数据,页面布局数据中包含在页面标识对应的页面上显示的交互方式的布局数据;根据存储的交互方式对应的交互标识与交互方式对应的页面截图之间的对应关系,确定所述交互方式对应的页面截图;根据页面布局数据,将确定的页面截图进行拼接,得到待渲染页面对应的图片,并显示图片。这样,在页面加载过程中,从服务器设备中获取少量的页面布局数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度。
Description
技术领域
本说明书涉及互联网信息处理技术领域,尤其涉及一种页面渲染方法、装置、介质及电子设备。
背景技术
随着互联网技术的发展,互联网已经深入到人们日常生活的方方面面。而互联网服务平台提供的页面的加载速度的快慢直接决定了人们对该互联网服务平台的用户体验。
在实际应用中,用户在访问互联网服务平台提供的页面时,需要从互联网服务平台对应的服务器中获取大量的页面数据,通过对这些页面数据进行页面布局的计算,将页面数据渲染显示在用户设备上。但是由于页面数据量大,导致计算时间比较长,进而使得页面渲染加载的速度比较缓慢,影响了用户对该互联网服务平台的用户体验。
因此,本申请提出了一种页面渲染方法,以解决上述问题。
发明内容
本说明书提供一种页面渲染方法、装置、介质及电子设备,以部分解决上述现有技术存在的问题。
本说明书采用下述技术方案:
本说明书提供的一种页面渲染方法,所述方法包括:
终端设备向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识;
接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;
根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;
根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述页面对应的图片,并显示所述图片。
可选的,所述方法还包括:
接收所述服务器设备发送的所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
根据所述渲染数据和所述页面布局数据,在所述终端设备的后台加载、渲染所述页面标识对应的页面;
若确定所述页面加载完成,则显示所述页面标识对应的页面,并停止显示所述图片。
可选的,终端设备在向服务器设备发送页面渲染数据获取请求之前,所述方法还包括:
终端设备检测其所支持的交互方式;
终端设备向服务器设备发送页面渲染数据获取请求,具体包括:
终端设备向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中还包括检测到的所述交互方式对应的交互标识和使用所述终端设备的用户的账户标识;
接收所述服务器设备发送的页面布局数据,具体包括:
接收所述服务器设备发送的页面布局数据,所述页面布局数据用于表征检测到的所述交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序,所述排列顺序由所述服务器设备根据所述账户标识对应的用户行为数据确定的。
这里进一步限定页面标识对应的页面上所显示的交互方式为终端设备所支持的交互方式,即终端设备通过页面渲染数据获取请求告知服务器设备终端设备所支持的交互方式,这样,服务器设备在向终端设备发送页面布局数据和渲染数据时,仅发送与终端设备所支持的交互方式相关的布局数据和渲染数据即可,进而减少网络中传输的数据量,改善页面渲染速度,同时还能够给用户提供个性化的页面,提升用户体验。
可选的,确定交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,具体包括:
确定历史显示的所述页面标识对应的页面;
从所述页面中,截取不同交互方式对应的页面截图;
建立并存储所述交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系。
本说明书实施例还提供了一种页面渲染方法,所述方法包括:
接收终端设备发送的页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识、使用所述终端设备的用户的账户标识和所述终端设备所支持的交互方式对应的交互标识;
根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据;
根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据;
将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定的所述交互方式对应的页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
可选的,根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据,具体包括:
从所述用户行为数据中,筛选出包含交互标识的交互行为数据;
根据筛选出的所述交互行为数据,统计各所述交互标识对应的交互方式的使用次数;
根据所述使用次数,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序;
将所述排列顺序作为所述交互方式在所述页面上的页面布局数据。
可选的,所述方法还包括:
确定所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
将所述渲染数据发送给所述终端设备,以便于所述终端设备在接收到所述渲染数据时在后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,以及停止显示所述图片。
本说明书实施例提供了一种页面渲染装置,包括:
发送单元,用于向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识;
接收单元,用于接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;
处理单元,用于根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述页面对应的图片,并显示所述图片。
本说明书实施例还提供了一种页面渲染装置,包括:
接收单元,用于接收终端设备发送的页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识和使用所述终端设备的用户的账户标识;
查找单元,用于根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据;
处理单元,用于根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据;
发送单元,用于将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定的所述交互方式对应的页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
本说明书提供的一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述的页面渲染方法。
本说明书提供的一种电子设备,包括存储器、处理器及存储在存储器上并在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述的页面渲染方法。
本说明书采用的上述至少一个技术方案能够达到以下有益效果:
本说明书提供的页面渲染方法,当需要在终端设备上加载页面时,终端设备向服务器设备发送包含待渲染页面的页面标识的页面渲染数据获取请求;接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。这样,在页面加载过程中,采用分步渲染方式,首先从服务器设备中获取少量的页面布局数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度;其次,在显示图片的过程中,加载真实页面,在真实页面加载完成时,无缝地实现图片到真实页面的切换,提升用户对互联网服务平台的用户体验。
附图说明
此处所说明的附图用来提供对本说明书的进一步理解,构成本说明书的一部分,本说明书的示意性实施例及其说明用于解释本说明书,并不构成对本说明书的不当限定。在附图中:
图1为本说明书实施例提供的一种页面渲染方法的流程示意图;
图1(a)为本说明书实施例提供的页面截图的示意图;
图2为本说明书实施例提供的一种页面渲染方法的流程示意图;
图3为本说明书实施例提供的一种页面渲染方法的流程示意图;
图4为本说明书实施例提供的一种页面渲染装置的结构示意图;
图5为本说明书实施例提供的一种页面渲染装置的结构示意图;
图6为本说明书实施例提供的电子设备的结构示意图。
具体实施方式
基于此,本说明书提供一种页面渲染方法,当需要在终端设备上加载页面时,终端设备向服务器设备发送包含待渲染页面的页面标识的页面渲染数据获取请求;接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。这样,在页面加载过程中,采用分步渲染方式,首先从服务器设备中获取少量的页面布局数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度;其次,在显示图片的过程中,加载真实页面,在真实页面加载完成时,无缝地实现图片到真实页面的切换,提升用户对互联网服务平台的用户体验。
需要说明的是,本说明书实施例中记载的交互方式可以理解为需要用户对页面中显示的不同内容执行操作的方式,例如:根据页面中显示的不同的支付渠道,用户需要选择其中一条支付渠道,这里用户选择其中一条支付渠道的行为可以称之为交互方式;再例如:根据页面中显示的不同的处理方式,用户从这些处理方式中选择其中至少一种处理方式,这里用户选择处理方式的行为可以称之为交互方式;这里对于交互方式的具体形式不做具体限定。
为使本说明书的目的、技术方案和优点更加清楚,下面将结合本说明书具体实施例及相应的附图对本说明书技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本说明书一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本说明书保护的范围。
以下结合附图,详细说明本说明书各实施例提供的技术方案。
图1为本说明书实施例提供的一种数据处理方法的流程示意图。所述方法可以如下所述。本说明书实施例的执行主体为终端设备。
步骤101:终端设备向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识。
在本说明书提供的实施例中,终端设备将接收到的用户发送的页面渲染数据获取请求发送给服务器设备。
可选的,该页面渲染数据获取请求中还包含该用户的账户标识。
可选的,终端设备在接收到用户发送的页面渲染数据获取请求时,检测其所支持的交互方式。
具体地,终端设备检测本地所安装的软件,并确定本地所安装软件的软件类型,根据软件类型,确定本地所支持的交互方式。
例如:以交互方式为支付方式为例进行说明。终端设备检测本地安装的用于支付的软件,并确定本地所安装的用于支付的软件的软件类型,进而根据软件类型,确定本地所支持的支付方式。
再例如:以交互方式为即时通信方式为例进行说明。终端设备检测本地安装的用于通信的即时通信软件,并确定本地所安装的即时通信软件的软件类型,进而根据软件类型,确定本地所支持的即时通信方式。
那么终端设备在向服务器设备发送页面渲染数据获取请求时,该页面渲染数据获取请求中还包含检测到的交互方式对应的交互标识。
步骤103:接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据。
在本说明书提供的实施例中,终端设备向服务器设备发送页面渲染数据获取请求,服务器设备在接收到该页面渲染数据获取请求时,采用分步处理方式。具体地,首先,启动快速数据处理,将所述页面标识对应的页面布局数据发送给终端设备。其次,将所述页面标识对应的页面的渲染数据发送给终端设备。其中,所述渲染数据包含页面组件、元素中的至少一种。
当服务器设备启动快速数据处理时,服务器设备确定所述页面标识对应的页面布局数据,并将确定的页面布局数据作为快速响应数据发送给终端设备。这样,由于快速响应数据中包含的数据量比较小,能够实现对页面渲染数据获取请求的快速响应。
具体地,服务器设备确定在所述页面标识对应的页面上所需要显示的交互方式,可以按照设定的排序方式,确定这些交互方式的排列顺序,将排列顺序作为页面布局数据发送给终端设备;还可以根据页面渲染数据获取请求中包含的账户标识,确定该账户标识对应的用户行为数据;根据用户行为数据,确定用户感兴趣或者用户所使用过的交互方式,进而根据用户感兴趣的程度或者用户使用交互方式的次数,确定这些交互方式排列顺序,并将确定的排列顺序作为页面布局数据发送给终端设备。
需要说明的是,本说明书实施例中,“确定这些交互方式的排列顺序”具体可以理解为:对于用户感兴趣的交互方式,感兴趣程度越高,排列越靠前,意味着在页面上显示的位置越靠上;否则,在页面上显示的位置越靠下;可选的,对于用户使用过的交互方式,用户使用次数最多,其排列越靠前,意味着在页面上显示的位置越靠上;否则,在页面上显示的位置越靠下。
可选的,服务器设备确定在所述页面标识对应的页面上所需要显示的交互方式的方法包括但不限于以下几种:
第一种方法:
服务器设备根据页面渲染数据获取请求中包含的账户标识,确定该账户标识对应的用户行为数据;根据用户行为数据,确定用户感兴趣或者用户所使用过的交互方式,将确定的所述交互方式作为在所述页面标识对应的页面上所需要显示的交互方式。
第二种方法:
服务器设备根据页面渲染数据获取请求中包含的检测到的交互方式对应的交互标识,将所述交互标识对应的交互方式作为在所述页面标识对应的页面上所需要显示的交互方式。
可选的,若所述页面渲染数据获取请求中还包含检测到的交互方式对应的交互标识,那么服务器设备根据用户行为数据,确定用户所使用过的交互方式,并统计用户所使用过的每一种交互方式对应的使用次数,根据所述使用次数,对检测到的交互方式进行排序。服务器设备将排序结果作为页面布局数据发送给终端设备。
例如:检测到的交互方式对应的交互标识为【I1、I2、I3】;确定的用户所使用过的交互方式对应的交互标识为【I2、I3、I4】,其中,交互标识I2对应的交互方式的使用次数为10次;交互标识I3对应的交互方式的使用次数为100次。那么根据使用次数对检测到的交互方式进行排序,得到的排序结果为I3、I2和I1。
在服务器设备将排序结果作为页面布局数据发送给终端设备时,可以采用数组方式将排序结果发送给终端设备,即将【I3,I2,I1】作为页面布局数据发送给终端设备。
步骤105:根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图。
在本说明书提供的实施例中,终端设备本地存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系可以通过但不限于以下方式得到:
终端设备确定历史显示的所述页面标识对应的页面;从所述页面中,截取不同交互方式对应的页面截图;建立并存储所述交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系。
具体地,对于历史显示的某一个页面,终端设备扫描该页面中所包含的交互方式,并确定每一种交互方式所对应的显示区域;根据该显示区域,从该页面中截取包含该显示区域的页面截图,进而确定该页面截图与该页面截图中包含的交互方式对应的交互标识之间的对应关系。
这里所记载的页面截图可以理解为包含交互方式中所对应的页面元素、页面组件和布局等页面内容的图片,与实际页面的区别在于:该图片不可执行交互操作;但是所显示的内容与实际页面中该交互方式对应的页面内容完全相同。
如图1(a)所示,为本说明书实施例提供的页面截图的示意图。这里以交互方式为支付方式为例进行说明。从图1(a)中可以看出,一个交互方式对应的页面截图包含了该交互方式在页面中所显示的所有内容,包括但不限于:边框、交互方式的名称、操作控件等等。
可选的,服务器设备建立交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,并将该对应关系发送给终端设备,终端设备在接收到该对应关系时,将该对应关系预先存储在本地。
需要说明的是,这里记载的“确定在所述页面上显示的所述交互方式对应的页面截图”中“在所述页面上显示的所述交互方式”可以是终端设备检测到所支持的交互方式,也可以是服务器设备根据页面标识确定的该页面标识对应的页面中待显示的交互方式,还可以是服务器设备所发送的页面布局数据中包含的交互标识对应的交互方式。
需要说明的是,本说明书实施例中记载的步骤103和步骤105可以按照上述顺序实施,也可以先实施步骤105,再实施步骤103;还可以步骤103和步骤105同步实施,这里对于实施顺序不做具体限定。
步骤107:根据所述页面布局数据,将确定到的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
在本说明书提供的实施例中,终端设备在接收到服务器设备发送所述页面布局数据时,根据所述页面布局数据中包含的排序结果,将确定的所述页面截图进行拼接,得到所述待渲染页面对应的图片。
以上述得到的排序结果为【I3,I2,I1】为例,那么在进行页面截图拼接时,从上到下依次是:I3对应的页面截图、I2对应的页面截图、I1对应的页面截图。
为了实现快速响应用户的页面渲染数据获取请求,服务器设备在接收到页面渲染数据获取请求时,采用分步处理方式,首先将页面布局数据发送给终端设备;其次,将待渲染页面所需要的渲染数据发送给终端设备,以便于终端设备在接收到所述服务器设备发送的所述页面标识对应的页面的渲染数据,其中,所述渲染数据包含页面组件、元素中的至少一种;根据所述渲染数据和所述页面布局数据,在所述终端设备的后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,并停止显示所述图片。
需要说明的是,这里待渲染页面中包含的交互方式与图片中显示的交互方式相同,即服务器设备按照页面渲染数据获取请求中包含的交互标识和页面标识,确定待渲染页面所需要的渲染数据。
通过本说明书提供的页面渲染方法,在页面加载过程中,采用分步渲染方式,首先从服务器设备中获取少量的渲染数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度,改善用户的用户体验;其次,在显示图片的过程中,加载真实页面,在真实页面加载完成时,无缝地实现图片到真实页面的切换;此外,通过检测交互方式能够实现页面的个性化显示,提升用户对互联网服务平台的用户体验。
基于同一个发明构思,图2为本说明书实施例还提供了一种页面渲染方法的流程示意图。所述方法可以如下所示。本说明书实施例的执行主体为服务器设备。
步骤201:接收终端设备发送的页面渲染数据获取请求。
其中,所述页面渲染数据获取请求中包含待渲染页面的页面标识和使用所述终端设备的用户的账户标识。
可选的,所述页面渲染数据获取请求中还包含终端设备所支持的交互方式对应的交互标识。
步骤203:根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据。
步骤205:根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据。
在本说明书提供的实施例中,服务器设备从所述用户行为数据中,筛选出包含交互标识的交互行为数据;
根据筛选出的所述交互行为数据,统计各所述交互标识对应的交互方式的使用次数;
根据所述使用次数,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序;
将所述排列顺序作为所述交互方式在所述页面上的页面布局数据。
步骤207:将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定到的所述交互方式对应的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
步骤209:确定所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种。
步骤211:将所述渲染数据发送给所述终端设备,以便于所述终端设备在接收到所述渲染数据时在后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,以及停止显示所述图片。
基于同一个发明构思,图3为本说明书实施例还提供了一种页面渲染方法的流程示意图。所述方法可以如下所示。
步骤301:用户通过所使用的终端设备发起页面渲染数据获取请求。
步骤303:终端设备在确定所述用户发起该页面渲染数据获取请求时,检测其支持的交互方式,并将该页面渲染数据获取请求发送给服务器设备。
其中,该页面渲染数据获取请求中包含待渲染页面的页面标识,所述用户的账户标识和检测到的所述交互方式对应的交互标识。
步骤305:终端设备根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定检测到的所述交互方式对应的页面截图。
步骤307:服务器设备接收终端设备发送的页面渲染数据获取请求。
步骤309:服务器设备根据所述页面渲染数据获取请求中包含的账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据。
步骤311:服务器设备根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序。
步骤313:服务器设备将包含所述排列顺序的页面布局数据发送给所述终端设备。
步骤315:终端设备在接收所述服务器设备发送的所述页面标识对应的页面布局数据时,根据所述页面布局数据,将确定到的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
步骤309*:服务器设备确定所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种。
步骤311*:服务器设备将所述渲染数据发送给所述终端设备。
步骤317:所述终端设备在接收到所述渲染数据时在后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,以及停止显示所述图片。
需要说明的是,本说明书实施例中记载的步骤309至步骤313,与步骤309*和步骤311*,可以同步实施,也可以在实施时间上存在细微差异,即步骤309至步骤313的实施时间相比于步骤309*和步骤311*的实施时间要提前一些,或者步骤309至步骤313先执行,紧接着就执行步骤309*和步骤311*。这里对于它们具体实施方式不做具体限定。
需要说明的是,本说明书提供的技术方案可以应该在收银场景中,也可以应用在其他场景中。这里以收银场景为例进行说明。用户通过终端设备访问第三方互联网服务平台提供的购物页面,选择所需要购买的物品,并根据所选择的物品生成订单信息,将该订单信息发送给第三方互联网服务平台对应的服务器。服务器根据接收到的该订单信息,生成该订单信息对应的订单页面,并将该订单页面发送给终端设备,以便于在终端设备上显示该订单页面。用户通过终端设备查看该订单页面,确认需要在线支付时,通过终端设备向服务器发送支付页面渲染请求,此时触发本说明书实施例提供的页面渲染方案的执行。在支付页面中显示的交互方式为不同支付渠道对应的支付方式。
具体地,用户通过终端设备上显示的订单页面向服务器设备发送支付页面渲染请求,所述支付页面渲染请求中包含待显示的支付页面的页面标识;
接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的支付页面上显示的支付方式的布局数据;
根据存储的支付方式对应的支付标识与所述支付方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述支付方式对应的页面截图;
根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述支付页面对应的图片,并显示所述图片。
同时,接收所述服务器设备发送的所述页面标识对应的支付页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
根据所述渲染数据和所述页面布局数据,在所述终端设备的后台加载、渲染所述页面标识对应的支付页面;
若确定所述支付页面加载完成,则显示所述页面标识对应的支付页面,并停止显示所述图片。
以上为本说明书实施例提供的页面渲染方法,基于同样的思路,本说明书还提供了相应的装置、存储介质和电子设备。
图4为本说明书实施例提供的一种页面渲染装置的结构示意图,所述装置包括:发送单元401、接收单元402和处理单元403,其中:
发送单元401,用于向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识;
接收单元402,用于接收所述服务器设备发送的所述页面标识对应的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;
处理单元403,用于根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;根据所述页面布局数据,将确定到的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
在本说明书提供的另一个实施例中,所述接收单元402,还用于接收所述服务器设备发送的所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
所述处理单元403,还用于根据所述渲染数据和所述页面布局数据,在所述终端设备的后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,并停止显示所述图片。
在本说明书提供的另一个实施例中,所述装置还包括:检测单元404,其中:
所述检测单元404,用于在向服务器设备发送页面渲染数据获取请求之前,检测其所支持的交互方式;
所述发送单元401,具体用于向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中还包括检测到的所述交互方式对应的交互标识和使用所述终端设备的用户的账户标识;
所述接收单元402,具体用于接收所述服务器设备发送的页面布局数据,所述页面布局数据用于表征检测到的所述交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序,所述排列顺序由所述服务器设备根据所述账户标识对应的用户行为数据确定的。
在本说明书提供的另一个实施例中,所述处理单元403确定交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,具体包括:
确定历史显示的所述页面标识对应的页面;
从所述页面中,截取不同交互方式对应的页面截图;
建立并存储所述交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系。
基于同一个发明构思,图5为本说明书实施例提供的一种页面渲染装置的结构示意图,所述装置包括:接收单元501、查找单元502、处理单元503和发送单元504,其中:
接收单元501,用于接收终端设备发送的页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识和使用所述终端设备的用户的账户标识;
查找单元502,用于根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据;
处理单元503,用于根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据;
发送单元504,用于将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定到的所述交互方式对应的页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
在本说明书提供的另一个实施例中,所述处理单元503根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据,具体包括:
从所述用户行为数据中,筛选出包含交互标识的交互行为数据;
根据筛选出的所述交互行为数据,统计各所述交互标识对应的交互方式的使用次数;
根据所述使用次数,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序;
将所述排列顺序作为所述交互方式在所述页面上的页面布局数据。
在本说明书提供的另一个实施例中,所述处理单元503,还用于确定所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
所述发送单元504,还用于将所述渲染数据发送给所述终端设备,以便于所述终端设备在接收到所述渲染数据时在后台加载、渲染所述页面标识对应的页面,若确定所述页面加载完成,则显示所述页面标识对应的页面,以及停止显示所述图片。
需要说明的是,本说明书实施例提供的页面渲染装置可以通过硬件方式实现,也可以通过软件方式实现,这里对于实现方式不做具体限定。在页面加载过程中,采用分步渲染方式,首先从服务器设备中获取少量的渲染数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度,改善用户的用户体验;其次,在显示图片的过程中,加载真实页面,在真实页面加载完成时,无缝地实现图片到真实页面的切换;此外,通过检测交互方式能够实现页面的个性化显示,提升用户对互联网服务平台的用户体验。
本说明书还提供了一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时可用于执行上述图1或图2提供的页面渲染方法。
基于图1或图2所示的页面渲染方法,本说明书实施例还提供了图5所示的电子设备的结构示意图。如图6,在硬件层面,该无人设备包括处理器、内部总线、网络接口、内存以及非易失性存储器,当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行,以实现上述图1或图2所述的页面渲染方法。当需要在终端设备上加载页面时,终端设备检测本地所支持的交互方式,向服务器设备发送包含待渲染页面的页面标识的页面渲染数据获取请求;并根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定检测到的所述交互方式对应的页面截图;接收所述服务器设备发送的所述页面标识对应的页面布局数据;根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。这样,在页面加载过程中,采用分步渲染方式,首先从服务器设备中获取少量的渲染数据,快速响应页面渲染数据获取请求,以图片形式快速显示页面,提升页面渲染速度,改善用户的用户体验;其次,在显示图片的过程中,加载真实页面,在真实页面加载完成时,无缝地实现图片到真实页面的切换;此外,通过检测交互方式能够实现页面的个性化显示,提升用户对互联网服务平台的用户体验。
当然,除了软件实现方式之外,本说明书并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本说明书的实施例可提供为方法、系统、或计算机程序产品。因此,本说明书可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(Flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本说明书的实施例可提供为方法、系统或计算机程序产品。因此,本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本说明书的实施例而已,并不用于限制本说明书。对于本领域技术人员来说,本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本说明书的权利要求范围之内。
Claims (11)
1.一种页面渲染方法,其特征在于,所述方法包括:
终端设备向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识;
接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;
根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;
根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述页面对应的图片,并显示所述图片。
2.如权利要求1所述的方法,其特征在于,所述方法还包括:
接收所述服务器设备发送的所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
根据所述渲染数据和所述页面布局数据,在所述终端设备的后台加载、渲染所述页面标识对应的页面;
若确定所述页面加载完成,则显示所述页面标识对应的页面,并停止显示所述图片。
3.如权利要求1所述的方法,其特征在于,终端设备在向服务器设备发送页面渲染数据获取请求之前,所述方法还包括:
终端设备检测其所支持的交互方式;
终端设备向服务器设备发送页面渲染数据获取请求,具体包括:
终端设备向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中还包括检测到的所述交互方式对应的交互标识和使用所述终端设备的用户的账户标识;
接收所述服务器设备发送的页面布局数据,具体包括:
接收所述服务器设备发送的页面布局数据,所述页面布局数据用于表征检测到的所述交互方式在所述页面标识对应的页面上的排列顺序,所述排列顺序由所述服务器设备根据所述账户标识对应的用户行为数据确定的。
4.如权利要求1所述的方法,其特征在于,确定交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,具体包括:
确定历史显示的所述页面标识对应的页面;
从所述页面中,截取不同交互方式对应的页面截图;
建立并存储所述交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系。
5.一种页面渲染方法,其特征在于,所述方法包括:
接收终端设备发送的页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识、使用所述终端设备的用户的账户标识和所述终端设备所支持的交互方式对应交互标识;
根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据;
根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据;
将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定的所述交互方式对应的页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
6.如权利要求5所述的方法,其特征在于,根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的页面布局数据,具体包括:
从所述用户行为数据中,筛选出包含交互标识的交互行为数据;
根据筛选出的所述交互行为数据,统计各所述交互标识对应的交互方式的使用次数;
根据所述使用次数,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的排列顺序;
将所述排列顺序作为所述交互方式在所述页面上的页面布局数据。
7.如权利要求5所述的方法,其特征在于,所述方法还包括:
确定所述页面标识对应的页面的渲染数据,所述渲染数据包含页面组件、元素中的至少一种;
将所述渲染数据发送给所述终端设备,以便于所述终端设备在接收到所述渲染数据时在后台加载、渲染所述页面标识对应的页面;若确定所述页面加载完成,则显示所述页面标识对应的页面,以及停止显示所述图片。
8.一种页面渲染装置,其特征在于,包括:
发送单元,用于向服务器设备发送页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识;
接收单元,用于接收所述服务器设备发送的页面布局数据,所述页面布局数据中包含在所述页面标识对应的页面上显示的交互方式的布局数据;
处理单元,用于根据存储的交互方式对应的交互标识与所述交互方式对应的页面截图之间的对应关系,确定在所述页面上显示的所述交互方式对应的页面截图;根据所述页面布局数据,将确定的所述页面截图进行拼接,得到所述页面对应的图片,并显示所述图片。
9.一种页面渲染装置,其特征在于,包括:
接收单元,用于接收终端设备发送的页面渲染数据获取请求,所述页面渲染数据获取请求中包含待渲染页面的页面标识和使用所述终端设备的用户的账户标识;
查找单元,用于根据所述账户标识,从用户行为数据库中查找与所述账户标识对应的用户行为数据;
处理单元,用于根据所述用户行为数据,确定所述页面渲染数据获取请求中包含的交互标识对应的交互方式在所述页面标识对应的页面上的布局数据;
发送单元,用于将所述页面布局数据发送给所述终端设备,以便于所述终端设备根据所述页面布局数据,将确定的所述交互方式对应的页面截图进行拼接,得到所述待渲染页面对应的图片,并显示所述图片。
10.一种计算机可读存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述权利要求1至4任一项所述的页面渲染方法,和/或上述权利要求5至7任一项所述的页面渲染方法。
11.一种电子设备,包括存储器、处理器及存储在存储器上并在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现上述权利要求1至4任一项所述的页面渲染方法,和/或上述权利要求5至7任一项所述的页面渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010710936.9A CN111881393B (zh) | 2020-07-22 | 2020-07-22 | 一种页面渲染方法、装置、介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010710936.9A CN111881393B (zh) | 2020-07-22 | 2020-07-22 | 一种页面渲染方法、装置、介质及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111881393A true CN111881393A (zh) | 2020-11-03 |
CN111881393B CN111881393B (zh) | 2024-08-23 |
Family
ID=73155811
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010710936.9A Active CN111881393B (zh) | 2020-07-22 | 2020-07-22 | 一种页面渲染方法、装置、介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111881393B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113434241A (zh) * | 2021-07-22 | 2021-09-24 | 北京京东振世信息技术有限公司 | 页面跳转方法及装置 |
CN113886228A (zh) * | 2021-09-26 | 2022-01-04 | 北京三快在线科技有限公司 | 一种兼容性检测方法、装置、存储介质及电子设备 |
CN114022590A (zh) * | 2020-12-30 | 2022-02-08 | 万翼科技有限公司 | 图片渲染方法及相关设备 |
CN117827357A (zh) * | 2024-03-04 | 2024-04-05 | 北京云测信息技术有限公司 | 一种终端设备的远程操作方法、装置及设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080273218A1 (en) * | 2005-05-30 | 2008-11-06 | Canon Kabushiki Kaisha | Image Processing Apparatus, Control Method Thereof, and Program |
CN103019557A (zh) * | 2012-11-26 | 2013-04-03 | 北京奇虎科技有限公司 | 页面切换方法和装置 |
CN106960062A (zh) * | 2017-04-12 | 2017-07-18 | 四川九鼎瑞信软件开发有限公司 | 网页截图方法及系统 |
CN106991154A (zh) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术(北京)有限公司 | 网页渲染方法、装置、终端及服务器 |
US20170249294A1 (en) * | 2014-12-01 | 2017-08-31 | Mototsugu Emori | Image processing device, image processing method, and computer-readable storage medium |
CN107562467A (zh) * | 2017-07-26 | 2018-01-09 | 阿里巴巴集团控股有限公司 | 页面渲染方法、装置及设备 |
CN111382386A (zh) * | 2020-03-03 | 2020-07-07 | 上海掌门科技有限公司 | 一种用于生成网页截图的方法与设备 |
-
2020
- 2020-07-22 CN CN202010710936.9A patent/CN111881393B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080273218A1 (en) * | 2005-05-30 | 2008-11-06 | Canon Kabushiki Kaisha | Image Processing Apparatus, Control Method Thereof, and Program |
CN103019557A (zh) * | 2012-11-26 | 2013-04-03 | 北京奇虎科技有限公司 | 页面切换方法和装置 |
US20170249294A1 (en) * | 2014-12-01 | 2017-08-31 | Mototsugu Emori | Image processing device, image processing method, and computer-readable storage medium |
CN106991154A (zh) * | 2017-03-29 | 2017-07-28 | 百度在线网络技术(北京)有限公司 | 网页渲染方法、装置、终端及服务器 |
CN106960062A (zh) * | 2017-04-12 | 2017-07-18 | 四川九鼎瑞信软件开发有限公司 | 网页截图方法及系统 |
CN107562467A (zh) * | 2017-07-26 | 2018-01-09 | 阿里巴巴集团控股有限公司 | 页面渲染方法、装置及设备 |
CN111382386A (zh) * | 2020-03-03 | 2020-07-07 | 上海掌门科技有限公司 | 一种用于生成网页截图的方法与设备 |
Non-Patent Citations (2)
Title |
---|
柴林香等: "移动应用开发中间件技术研究与设计", 计算机工程与设计, no. 03, 16 March 2016 (2016-03-16) * |
高瞻等: "渲染器与Web服务器耦合实现远程体渲染的交互优化", 中国图象图形学报, no. 03, 16 March 2017 (2017-03-16) * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114022590A (zh) * | 2020-12-30 | 2022-02-08 | 万翼科技有限公司 | 图片渲染方法及相关设备 |
CN113434241A (zh) * | 2021-07-22 | 2021-09-24 | 北京京东振世信息技术有限公司 | 页面跳转方法及装置 |
CN113886228A (zh) * | 2021-09-26 | 2022-01-04 | 北京三快在线科技有限公司 | 一种兼容性检测方法、装置、存储介质及电子设备 |
CN113886228B (zh) * | 2021-09-26 | 2022-11-04 | 北京三快在线科技有限公司 | 一种兼容性检测方法、装置、存储介质及电子设备 |
CN117827357A (zh) * | 2024-03-04 | 2024-04-05 | 北京云测信息技术有限公司 | 一种终端设备的远程操作方法、装置及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111881393B (zh) | 2024-08-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111881393B (zh) | 一种页面渲染方法、装置、介质及电子设备 | |
CN112364277B (zh) | 一种网页加载方法及装置 | |
CN111796823A (zh) | 页面更新、页面展示的方法、装置及页面维护系统 | |
CN105824830B (zh) | 一种显示页面的方法、客户端及设备 | |
CN110795192B (zh) | 语言切换方法、装置及终端设备 | |
CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
CN110717536A (zh) | 一种生成训练样本的方法及装置 | |
CN110496395B (zh) | 一种针对虚幻引擎的组件运行方法、系统及设备 | |
CN111796821A (zh) | 一种页面更新的方法及装置 | |
CN111639278A (zh) | 一种网页加载方法及装置 | |
CN113672323A (zh) | 一种页面展示的方法及装置 | |
CN111144974B (zh) | 一种信息展示方法及装置 | |
CN111240788A (zh) | 一种小程序页面的生成方法、装置及设备 | |
CN111538667A (zh) | 一种页面测试的方法及装置 | |
CN112035117A (zh) | 页面展示系统、方法及装置 | |
CN112559934A (zh) | 一种页面弹窗显示方法及装置 | |
CN113343085B (zh) | 一种信息推荐方法、装置、存储介质及电子设备 | |
CN113641894A (zh) | 一种信息推荐的方法及装置 | |
CN116719457A (zh) | 一种信息显示方法、装置及设备 | |
CN109542775B (zh) | 一种测试脚本的生成和执行方法及装置 | |
CN112698882A (zh) | 一种页面组件加载方法及装置 | |
CN114637568A (zh) | 设备分屏适配处理方法及装置 | |
CN112560530B (zh) | 一种二维码处理方法、设备、介质及电子设备 | |
CN116302230A (zh) | 一种页面展示方法、装置及设备 | |
CN112579938B (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 |