CN109710329A - 网页页面渲染方法、装置及终端设备 - Google Patents
网页页面渲染方法、装置及终端设备 Download PDFInfo
- Publication number
- CN109710329A CN109710329A CN201811547750.5A CN201811547750A CN109710329A CN 109710329 A CN109710329 A CN 109710329A CN 201811547750 A CN201811547750 A CN 201811547750A CN 109710329 A CN109710329 A CN 109710329A
- Authority
- CN
- China
- Prior art keywords
- control
- page
- loaded
- attribute data
- data collection
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网页页面渲染方法、装置及终端设备,所述方法包括:通过将渲染页面控件的页面控件属性数据集加载到静态页面内置的外壳对象后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立;检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。与现有技术相比,本发明采用了为页面文件独立一个内置对象,实现控件之间的解耦,并将控件与页面控件属性数据集独立,通过结构化的模式了规范网页上的数据内容,从而克服了由于多个控件之间耦合度较高从而出现的界面卡顿问题。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种网页页面渲染方法、装置及终端设备。
背景技术
用户在进行网页浏览时,一般情况下,在用户加载网页的时候,服务器会先将页面的文档发送至用户终端,由用户终端对该文档进行解析,从而得到网页的内容,并加载在浏览器上展示给用户。但是采用这种浏览方法,加载页面的速度较慢,会导致用户体验较差。
为解决上述问题,现有技术中,通常采用在展示页面之前的业务流程中,先从服务器下载部分页面数据,再当用户请求页面时,从服务器端获取剩余的页面数据,从而降低页面渲染时间。但在采用现有技术对网页页面进行渲染时,发现由于与页面数据对应的多个控件之间耦合度较高,使得在对网页进行渲染时,多个控件之间的相互影响较大,从而有可能出现界面卡顿的现象。
发明内容
本申请实施例所要解决的技术问题在于,如何实现控件之间的解耦,降低界面卡顿的可能性。
为解决上述问题,本申请实施例提供一种网页页面渲染方法,适于在计算设备中执行,至少包括如下步骤:
响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象;
在完成所述页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使所述页面文件中的各个控件相互独立;
检测所述控件是否进行加载,并当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染。
进一步的,所述页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义所述控件数据行为的多个属性数据,以及用于解析控件的控件权限数据和业务数据。
进一步的,所述采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象,具体为:
采集所述控件数据和所述多个属性数据,将所述控件数据和所述多个属性数据加载到所述静态页面内置的外壳对象后,采集所述控件权限数据并加载到所述静态页面内置的外壳对象;
完成所述控件权限数据的加载后,检测服务器是否根据所述网页浏览请求发送请求错误报告,并在未检测到所述服务器发送所述请求错误报告时,将采集到的业务数据加载到所述静态页面内置的外壳对象。
进一步的,所述当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染,具体为:
当检测到所述各个控件进行加载后,查找所述静态页面内置的外壳对象中是否存在与所述控件对应的所述页面控件属性数据集;其中,若是,则加载对应的所述页面控件属性数据集对网页页面进行渲染;
否则,隐藏所述控件。
进一步的,所述为在网页配置时生成的页面文件独立一个内置对象的方法为:
通过动态注册controller,为所述页面文件独立一个内置对象。
进一步的,还提供一种网页页面渲染装置,包括:
数据加载模块,用于响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象;
控件设置模块,用于在完成所述页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使所述页面文件中的各个控件相互独立;
网页渲染模块,用于检测所述控件是否进行加载,并当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染。
进一步的,所述页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义所述控件数据行为的多个属性数据,以及用于解析控件的控件权限数据和业务数据。
进一步的,所述数据采集模块具体用于:
采集所述控件数据和所述多个属性数据,将所述控件数据和所述多个属性数据加载到所述静态页面内置的外壳对象后,采集所述控件权限数据并加载到所述静态页面内置的外壳对象;
完成所述控件权限数据的加载后,检测服务器是否根据所述网页浏览请求发送请求错误报告,并在未检测到所述服务器发送所述请求错误报告时,将采集到的业务数据加载到所述静态页面内置的外壳对象。
进一步的,所述网页渲染模块具体用于:
检测所述各个控件是否进行加载,并当检测到所述各个控件进行加载后,查找所述静态页面内置的外壳对象中是否存在与所述控件对应的所述页面控件属性数据集;其中,若是,则加载对应的所述页面控件属性数据集对网页页面进行渲染;
否则,隐藏所述控件。
进一步的,还提供一种网页页面渲染终端设备,包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序,所述处理器执行所述计算机程序时实现如上述实施例所述的网页页面渲染方法。
实施本申请实施例,具有如下有益效果:
本申请实施例提供的一种网页页面渲染方法、装置及终端设备,所述包括:通过将渲染页面控件的页面控件属性数据集加载到静态页面内置的外壳对象后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立;检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。与现有技术相比,本发明采用了为页面文件独立一个内置对象,实现控件之间的解耦,并将控件与页面控件属性数据集独立,通过结构化的模式了规范网页上的数据内容,从而克服了由于多个控件之间耦合度较高从而出现的界面卡顿问题。
附图说明
图1是本申请的一个实施例提供的网页页面渲染方法的流程示意图;
图2是本申请的一个实施例提供的网页页面渲染装置的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
请参见图1。
参见图1,是本申请的一个实施例提供的网页页面渲染方法的流程示意图,如图1所示,该页面渲染方法包括步骤S11至步骤S13。各步骤具体如下:
步骤S11,响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将页面控件属性数据集加载到静态页面内置的外壳对象。
步骤S12,在完成页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立。
步骤S13,检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。
在本实施例中,页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义控件数据行为的多个属性数据,以及与控件数据对应的控件权限数据和业务数据。
对于步骤S11,具体的,采集控件数据和多个属性数据,将控件数据和多个属性数据加载到静态页面内置的外壳对象后,采集控件权限数据并加载到静态页面内置的外壳对象。完成控件权限数据的加载后,检测服务器是否根据网页浏览请求发送请求错误报告,并在未检测到服务器发送请求错误报告时,将采集到的业务数据加载到静态页面内置的外壳对象。
在本实施例中,通过静态页面内置的外壳对象,加载配置人员在页面配置时配置的页面控件数据、属性数据、相应的控件权限数据和具体的业务数据。其中,属性数据从JSON文件中进行加载。
在本实施例中,当完成控件权限数据加载后,向后台发送页面请求,以打开对应的网页。若后台接收到该页面请求后进行报错,则不进行业务数据的加载。
对于步骤S12,在本实施例中,当检测到完成页面控件属性数据集的加载后,通过动态注册controller为页面文件独立一个内置对象,使页面文件中各个控件相互独立,与其他控件不产生任何关系。
在本实施例中,动态注册controller是由第三方的插件angular来实现,在启动网页页面时自动执行。
对于步骤S13,具体的,检测各个控件是否进行加载,并当检测到各个控件进行加载后,查找静态页面内置的外壳对象中是否存在与控件对应的页面控件属性数据集。其中,若是,则加载对应的页面控件属性数据集对网页页面进行渲染;否则,隐藏控件
在本实施例中,在检测到控件进行加载时,查找所有页面控件属性数据集中是否存在能够解析该控件的控件权限数据,若存在,则加载对应的页面控件属性数据集,使控件对页面进行渲染,否则,则判断该控件无法解析,从而隐藏该控件。
本申请实施例提供一种网页页面渲染方法,通过将渲染页面控件的页面控件属性数据集加载到静态页面内置的外壳对象后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立;检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。与现有技术相比,本发明采用了为页面文件独立一个内置对象,实现控件之间的解耦,并将控件与页面控件属性数据集独立,通过结构化的模式了规范网页上的数据内容,从而克服了由于多个控件之间耦合度较高从而出现的界面卡顿问题。
请参阅图2。
参见图2,是本申请的一个实施例提供的一种网页页面渲染装置的结构示意图,包括:
数据加载模块101,用于响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将页面控件属性数据集加载到静态页面内置的外壳对象。
其中,页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义控件数据行为的多个属性数据,以及与控件数据对应的控件权限数据和业务数据。
在本实施例中,数据加载模块101具体用于,采集控件数据和多个属性数据,将控件数据和多个属性数据加载到静态页面内置的外壳对象后,采集控件权限数据并加载到静态页面内置的外壳对象。完成控件权限数据的加载后,检测服务器是否根据网页浏览请求发送请求错误报告,并在未检测到服务器发送请求错误报告时,将采集到的业务数据加载到静态页面内置的外壳对象。
在本实施例中,通过静态页面内置的外壳对象,加载配置人员在页面配置时配置的页面控件数据、属性数据、相应的控件权限数据和具体的业务数据。其中,属性数据从JSON文件中进行加载。
在本实施例中,当完成控件权限数据加载后,向后台发送页面请求,以打开对应的网页。若后台接收到该页面请求后进行报错,则不进行业务数据的加载。
控件设置模块102,用于在完成页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立。
在本实施例中,控件设置模块102具体用于,当检测到完成页面控件属性数据集的加载后,通过动态注册controller为页面文件独立一个内置对象,使页面文件中各个控件相互独立,与其他控件不产生任何关系。
在本实施例中,动态注册controller是由第三方的插件angular来实现,在启动网页页面时自动执行。
网页渲染模块103,用于检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。
在本实施例中,网页渲染模块103具体用于,检测各个控件是否进行加载,并当检测到各个控件进行加载后,查找静态页面内置的外壳对象中是否存在与控件对应的页面控件属性数据集。其中,若是,则加载对应的页面控件属性数据集对网页页面进行渲染;否则,隐藏控件。
在本实施例中,在检测到控件进行加载时,查找所有页面控件属性数据集中是否存在能够解析该控件的控件权限数据,若存在,则加载对应的页面控件属性数据集,使控件对页面进行渲染,否则,则判断该控件无法解析,从而隐藏该控件。
本申请实施例提供一种网页页面渲染方法及装置,所述方法包括:通过将渲染页面控件的页面控件属性数据集加载到静态页面内置的外壳对象后,为在网页配置时生成的页面文件独立一个内置对象,以使页面文件中的各个控件相互独立;检测控件是否进行加载,并当检测到各个控件进行加载后,加载与控件对应的页面控件属性数据集,对网页页面进行渲染。与现有技术相比,本发明采用了为页面文件独立一个内置对象,实现控件之间的解耦,并将控件与页面控件属性数据集独立,通过结构化的模式了规范网页上的数据内容,从而克服了由于多个控件之间耦合度较高从而出现的界面卡顿问题。
本申请的又一实施例还提供了一种运动控制装置的可配置终端设备,包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序,所述处理器执行所述计算机程序时实现如上述实施例所述的运动控制装置的可配置方法。
以上所述是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本申请的保护范围。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
Claims (10)
1.一种网页页面渲染方法,其特征在于,至少包括如下步骤:
响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象;
在完成所述页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使所述页面文件中的各个控件相互独立;
检测所述控件是否进行加载,并当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染。
2.根据权利要求1所述的网页页面渲染方法,其特征在于,所述页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义所述控件数据行为的多个属性数据,以及用于解析控件的控件权限数据和业务数据。
3.根据权利要求2所述的网页页面渲染方法,其特征在于,所述采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象,具体为:
采集所述控件数据和所述多个属性数据,将所述控件数据和所述多个属性数据加载到所述静态页面内置的外壳对象后,采集所述控件权限数据并加载到所述静态页面内置的外壳对象;
完成所述控件权限数据的加载后,检测服务器是否根据所述网页浏览请求发送请求错误报告,并在未检测到所述服务器发送所述请求错误报告时,将采集到的业务数据加载到所述静态页面内置的外壳对象。
4.根据权利要求1所述的网页页面渲染方法,其特征在于,所述当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染,具体为:
当检测到所述各个控件进行加载后,查找所述静态页面内置的外壳对象中是否存在与所述控件对应的所述页面控件属性数据集;其中,若是,则加载对应的所述页面控件属性数据集对网页页面进行渲染;
否则,隐藏所述控件。
5.根据权利要求1所述的网页页面渲染方法,其特征在于,所述为在网页配置时生成的页面文件独立一个内置对象的方法为:
通过动态注册controller,为所述页面文件独立一个内置对象。
6.一种网页页面渲染装置,其特征在于,包括:
数据加载模块,用于响应用户终端发起的网页浏览请求,采集用于渲染页面控件的页面控件属性数据集,将所述页面控件属性数据集加载到静态页面内置的外壳对象;
控件设置模块,用于在完成所述页面控件属性数据集的加载后,为在网页配置时生成的页面文件独立一个内置对象,以使所述页面文件中的各个控件相互独立;
网页渲染模块,用于检测所述控件是否进行加载,并当检测到所述各个控件进行加载后,加载与所述控件对应的所述页面控件属性数据集,对网页页面进行渲染。
7.根据权利要求6所述的网页页面渲染装置,其特征在于,所述页面控件属性数据集至少包括用于定义网页内容的一个控件数据、用于定义所述控件数据行为的多个属性数据,以及用于解析控件的控件权限数据和业务数据。
8.根据权利要求7所述的网页页面渲染装置,其特征在于,所述数据采集模块具体用于:
采集所述控件数据和所述多个属性数据,将所述控件数据和所述多个属性数据加载到所述静态页面内置的外壳对象后,采集所述控件权限数据并加载到所述静态页面内置的外壳对象;
完成所述控件权限数据的加载后,检测服务器是否根据所述网页浏览请求发送请求错误报告,并在未检测到所述服务器发送所述请求错误报告时,将采集到的业务数据加载到所述静态页面内置的外壳对象。
9.根据权利要求6所述的网页页面渲染装置,其特征在于,所述网页渲染模块具体用于:
检测所述各个控件是否进行加载,并当检测到所述各个控件进行加载后,查找所述静态页面内置的外壳对象中是否存在与所述控件对应的所述页面控件属性数据集;其中,若是,则加载对应的所述页面控件属性数据集对网页页面进行渲染;
否则,隐藏所述控件。
10.一种网页页面渲染终端设备,其特征在于,包括处理器、存储器以及存储在所述存储器中且被配置为由所述处理器执行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1~5中任意一项网页页面渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811547750.5A CN109710329A (zh) | 2018-12-17 | 2018-12-17 | 网页页面渲染方法、装置及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811547750.5A CN109710329A (zh) | 2018-12-17 | 2018-12-17 | 网页页面渲染方法、装置及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109710329A true CN109710329A (zh) | 2019-05-03 |
Family
ID=66256708
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811547750.5A Pending CN109710329A (zh) | 2018-12-17 | 2018-12-17 | 网页页面渲染方法、装置及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109710329A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110619100A (zh) * | 2019-06-18 | 2019-12-27 | 北京无限光场科技有限公司 | 用于获取数据的方法和装置 |
CN110716789A (zh) * | 2019-09-12 | 2020-01-21 | 北京大米科技有限公司 | 数据配置方法、可读存储介质和电子设备 |
CN112417073A (zh) * | 2020-11-18 | 2021-02-26 | 中科三清科技有限公司 | 空气质量状况自动播报方法、装置、电子设备及存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391114A (zh) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 页面可视化渲染方法及装置 |
-
2018
- 2018-12-17 CN CN201811547750.5A patent/CN109710329A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391114A (zh) * | 2017-06-27 | 2017-11-24 | 阿里巴巴集团控股有限公司 | 页面可视化渲染方法及装置 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110619100A (zh) * | 2019-06-18 | 2019-12-27 | 北京无限光场科技有限公司 | 用于获取数据的方法和装置 |
CN110716789A (zh) * | 2019-09-12 | 2020-01-21 | 北京大米科技有限公司 | 数据配置方法、可读存储介质和电子设备 |
CN112417073A (zh) * | 2020-11-18 | 2021-02-26 | 中科三清科技有限公司 | 空气质量状况自动播报方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109710329A (zh) | 网页页面渲染方法、装置及终端设备 | |
JP6500086B2 (ja) | 二次元コードの解析方法および装置、コンピュータ読み取り可能な記憶媒体、コンピュータプログラムおよび端末機器 | |
CN110505232A (zh) | 网络攻击的检测方法及装置、电子设备、存储介质 | |
US10795744B2 (en) | Identifying failed customer experience in distributed computer systems | |
US9785710B2 (en) | Automatic crawling of encoded dynamic URLs | |
CN105868256A (zh) | 处理用户行为数据的方法和*** | |
CN108304410A (zh) | 一种异常访问页面的检测方法、装置及数据分析方法 | |
CN106294094A (zh) | 游戏服务器的测试方法、客户端、服务器及*** | |
CN103077254B (zh) | 网页获取方法和装置 | |
EP3361407B1 (en) | System and method for performing antivirus scan of a web page | |
CN103701779B (zh) | 一种二次访问网站的方法、装置及防火墙设备 | |
CN106599270B (zh) | 网络数据抓取方法和爬虫 | |
CN114465741B (zh) | 一种异常检测方法、装置、计算机设备及存储介质 | |
CN103577426B (zh) | 用于提供搜索建议的附加应用信息的方法、装置与*** | |
CN103164213A (zh) | Web浏览器的兼容性检测方法、装置及*** | |
CN104967698A (zh) | 一种爬取网络数据的方法和装置 | |
CN109190412A (zh) | 网页篡改的检测方法和装置 | |
US9513961B1 (en) | Monitoring application loading | |
US20140067903A1 (en) | Media query engine system and method | |
CN117040799A (zh) | 页面拦截规则生成、页面访问控制方法、装置及电子设备 | |
CN110334301B (zh) | 一种页面还原方法及装置 | |
CN103297480A (zh) | 一种应用服务自动检测***和方法 | |
WO2016027173A1 (en) | Method of and a system for monitoring web site consistency | |
CN104407979A (zh) | 脚本检测方法和装置 | |
CN112202784B (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190503 |