动态页面加载方法和装置制造方法及图纸

本发明专利技术提供了一种动态页面加载方法，所述方法包括：通过动态页面访问的触发请求获取页面文件；解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息，根据所述标签进行动态页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示；在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面。此外，还提供了一种与该方法匹配的动态页面加载装置。上述动态页面加载方法和装置占用较少传输资源和系统资源，以实现动态页面的快速加载。

Dynamic page loading method and device

The present invention provides a dynamic page loading method, the method comprises the following steps: trigger request access through the dynamic page access page file; parsing the page file to obtain the dynamic page corresponding to the label and describe the tag style description information, according to the label for dynamic page rendering, mask elements and animation the corresponding element respectively to perform the label display; the style description information in the mask elements and animation elements, in order to get the dynamic page. In addition, a dynamic page loading device matched with the method is also provided. The dynamic page loading method and device occupy less transmission resources and system resources, so as to realize fast loading of dynamic pages.

【技术实现步骤摘要】
动态页面加载方法和装置
本专利技术涉及互联网应用
，特别涉及一种动态页面加载方法和装置。
技术介绍
随着互联网的发展，各类终端得到广泛普及，人们获取信息的工具并不在仅限于台式电脑、笔记本电话等设备，而越来越多地依赖于智能手机、平板电脑等移动终端。各种通过互联网获取得到的页面作为信息的载体，也随之越来越多地被各种移动终端加载，以通过加载页面为人们提供所需要的信息。然而，如若此页面为动态页面，该动态页面大都是通过一定的插件实现其动态效果的，因此往往需要占用较多的传输资源和移动终端中的系统资源，由此造成移动终端中动态页面的加载非常困难，极大地影响了动态页面的实现。
技术实现思路
基于此，有必要提供一种动态页面加载方法，所述方法占用较少传输资源和系统资源，以实现动态页面的快速加载。另外，还有必要提供一种动态页面加载装置，所述装置占用较少传输资源和系统资源，以实现动态页面的快速加载。为解决上述技术问题，将采用如下技术方案：一种动态页面加载方法，包括：通过动态页面访问的触发请求获取页面文件；解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息，根据所述标签进行动态页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示；在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面。一种动态页面加载装置，包括：请求发起模块，用于通过动态页面访问的触发请求获取页面文件；解析模块，用于解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息；页面绘制模块，用于根据所述标签进行动态页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示；效果实现模块，用于在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面。由上述技术方案可知，通过用户触发的动态页面访问，将触发请求获取此动态页面相应的页面文件，解析页面文件得到动态页面对应的标签和描述标签的样式描述信息，根据标签进行动态页面绘制，以进行遮罩元素和动画元素的显示，该遮罩元素和动画元素相配合，用以实现页面中的动态效果，将对应的样式描述信息分别应用到显示的遮罩元素和动画元素上，以在显示的遮罩元素和动画元素上执行对应的样式描述信息，得到动态页面，在此动态页面的加载过程中，并不需要通过一定的插件即可实现动态效果，所占用的传输资源和系统资源较小，对于移动设备的动态页面加载而言，极大地提高了加载速度和性能，优化了移动端页面中动态效果的实现。附图说明图1是本专利技术实施例提供的一种终端设备的结构示意图；图2是一个实施例中动态页面加载方法的流程图；图3是图2中解析页面文件得到动态页面对应的标签和描述标签的样式描述信息的方法流程图；图4是图2中根据标签进行动态页面绘制，以进行标签分别对应的遮罩元素和动画元素的显示的方法流程图；图5是一个实施例中动态页面加载的动态页面示意图；图6是一个实施例中动态页面加载装置的结构示意图；图7是图6中解析模块的结构示意图；图8是图6中页面绘制模块的结构示意图。具体实施方式体现本专利技术特征与优点的典型实施方式将在以下的说明中详细叙述。应理解的是本专利技术能够在不同的实施方式上具有各种的变化，其皆不脱离本专利技术的范围，且其中的说明及图示在本质上是当作说明之用，而非用以限制本专利技术。如前所述的，各种页面访问的实现越来越多地发生于移动终端，与之相对应的，移动端页面的实现也将成为开发所需要考虑的重要方面，任一页面访问的实现都需要充分考虑移动终端中的实现。而现有动态页面的实现存在着占用较多传输资源和系统资源的缺陷，无法实现动态页面的快速加载。相比各种电脑设备，对于动态页面的加载而言移动终端存在着诸多限制，例如，其处理性能较差，浏览器或者请求进行页面访问的应用所具备的解析性能较差等。由此将导致现有的动态页面在移动终端的实现存在着各种困难，缺乏通用性。因此，为确保动态页面在移动终端中的实现，特提出了一种动态页面加载方法，该动态页面加载方法由计算机程序实现，与之相对应的，所构建的实现动态页面加载的装置则被存储于带有屏幕的终端设备中，以在终端设备中运行，进而实现动态页面的加载。需要说明的是，该终端设备包括但并不仅限于移动终端。图1示出了本专利技术实施例提供的一种终端设备的结构。该终端设备100只是一个适用本专利技术的示例，不能认为是提供了对本专利技术的使用范围的任何限制。该终端设备100也不能解释为需要依赖于或具有图示的示例性的终端设备100中的一个或者多个部件的组合。如图1所示，终端设备100包括处理器110、存储器120和系统总线130。包括存储器120和处理器110在内的各种部件将连接到系统总线130上。处理器110是一个用于通过计算机系统中基本的算术和逻辑运算来执行计算机程序指令的硬件。存储器120是一个用于临时或永久性存储计算机程序或数据的物理设备。其中，存储器120中存储了程序指令；处理器110将执行存储器120中的程序指令，侦听输入的各种操作，并对侦听得到的操作进行响应。终端设备100还包括各种输入接口170、输入装置140，以实现各种操作的输入。其中，该输入装置140可以是触摸屏幕、按键、键盘和鼠标等至少一种。终端设备100还包括存储设备180，存储设备180可以从多种计算机可读存储介质中选择，计算机可读存储介质是指可以进行访问的任何可利用的介质，包括移动的和固定的两种介质。例如，计算机可读存储介质，包括但不限于闪速存储器(微型SD卡)、CD-ROM、数字通用光盘(DVD)或其它光盘、磁带盒、磁带存储或其它存储设备、或者可用于存储所需信息并可访问的任何其它介质。如上面所详细描述的，适用本专利技术的终端设备100将执行实现动态页面加载的指定操作，即通过处理器110运行存储器120中的程序指令的形式执行该指定操作，以实现动态页面的加载。此外，通过硬件电路或者硬件电路结合软件指令也能同样实现本专利技术，因此，实现本专利技术并不限于任何特定硬件电路、软件以及两者的组合。在一个实施例中，具体的，动态页面加载方法如图2所示，包括：步骤210，通过动态页面访问的触发请求获取页面文件。动态页面的访问是在用户侧触发的，其可通过用户侧的浏览器或者运行的其它应用触发。具体的，通过浏览器中进行的网页地址跳转触发，或者运行的应用中通过动态页面的跳转触发的。例如，社交应用中，通过用户所进行的二维码扫描进行页面跳转，以触发动态页面的访问。该动态页面可以是当前所期望访问的任意具备动态效果的页面，在触发进行动态页面的访问之后，将向远端发起请求，以获取得到返回的页面文件。所得到的页面文件是与请求访问的动态页面相对应的，其作为动态页面中内容的载体，用以实现动态页面在用户侧的内容显示。步骤230，解析页面文件得到动态页面对应的标签和描述标签的样式描述信息。由页面文件可得到至少两个标签以及每一标签对应的样式描述信息，样式描述信息用以进行标签的描述。由页面文件所解析得到的标签将分别对应于动态页面中包含的元素，相应的样式描述信息被应用于对应的元素上，以为元素实现一定的显示效果。进一步的，页面文件的解析将是由浏览器内核所实现的。移动终端等终端设备中，浏览器和应用均内置了浏览器内核，所需要进行的动态页面访问只需要触发运行该浏览器内核即可进行动态页面的加载。步骤25本文档来自技高网...

【技术保护点】
一种动态页面加载方法，其特征在于，包括：通过动态页面访问的触发请求获取页面文件；解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息，根据所述标签进行动态页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示；在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面。

【技术特征摘要】
1.一种动态页面加载方法，其特征在于，包括：通过动态页面访问的触发请求获取页面文件；解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息，根据所述标签进行动态页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示；在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面。2.根据权利要求1所述的方法，其特征在于，所述页面文件包括脚本文件和关联的CSS文件，所述解析所述页面文件得到所述动态页面对应的标签和描述所述标签的样式描述信息的步骤包括：解析所述脚本文件得到所述动态页面对应的标签，所述标签中标示出关联的CSS文件；根据所述标签解析关联的CSS文件得到描述所述标签的样式描述信息。3.根据权利要求1所述的方法，其特征在于，所述根据所述标签进行页面绘制，以进行所述标签分别对应的遮罩元素和动画元素的显示的步骤包括：根据所述标签相对屏幕进行元素布局，以得到显示的元素及其相对屏幕的位置，所述显示的元素包括遮罩元素和动画元素；按照所述相对屏幕的位置进行所述元素的显示，以使所述遮罩元素和动画元素显示于屏幕中。4.根据权利要求3所述的方法，其特征在于，所述动画元素对应的样式描述信息包括将元素设置为背景的属性，所述按照所述相对屏幕的位置进行所述元素的显示，以使所述遮罩元素和动画元素显示于屏幕中的步骤包括：按照相对屏幕的位置，在所述屏幕中以所述动画元素为背景进行所述动画元素和遮罩元素的显示，以使屏幕的显示中所述遮罩元素遮罩下方的动画元素。5.根据权利要求1所述的方法，其特征在于，所述遮罩元素对应的样式描述信息为CSS遮罩属性，所述动画元素对应的样式描述信息为动画属性，所述在所述遮罩元素和动画元素上执行对应的样式描述信息，以得到动态页面的步骤包括：显示的所述遮罩元素和动画元素中，将所述CSS遮罩属性应用于所述遮罩元素，所述动画属性应...

【专利技术属性】
技术研发人员：陈霖炜，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44