CN109857971A - 页面渲染方法和装置 - Google Patents

Abstract

本公开提出一种页面渲染方法和装置，其中，方法包括：对目标页面的对应的样式文件进行解析处理，以确定目标页面中包含的各全局页面元素；遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值；对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值；根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染。该方法实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。

Description

页面渲染方法和装置

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面渲染方法和装置。

背景技术

目前页面渲染时，通常是直接加载页面所属的项目对应的总样式文件，然后对总样式文件进行解析，以对页面进行渲染。但是，这种渲染方式加载项目里每个页面时，都需要对总样式文件进行解析，会导致渲染时间过长，页面加载速度慢。

发明内容

本公开提出一种页面渲染方法，用于解决相关技术中的网页渲染方式，存在渲染时间长，页面加载速度慢的问题。

本公开一方面实施例提出了一种页面渲染方法，包括：

对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；

遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；

对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；

根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。

本公开实施例的页面渲染方法在渲染页面时，通过遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值，对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值，根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染，实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。

本公开另一方面实施例提出了一种页面渲染装置，包括：

解析模块，用于对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；

第一获取模块，用于遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；

第二获取模块，用于对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；

渲染模块，用于根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。

本公开实施例的页面渲染装置，通过遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值，对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值，根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染，实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。

本公开另一方面实施例提出了一种电子设备，包括处理器和存储器；

其中，所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于实现如上述一方面实施例所述的页面渲染方法。

本公开另一方面实施例提出了一种计算机可读存储介质，该程序被处理器执行时实现如上述一方面实施例所述的页面渲染方法。

本公开附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本公开的实践了解到。

附图说明

本公开上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为本公开实施例提供的一种页面渲染方法的流程示意图；

图2为本公开实施例提供的另一种页面渲染方法的流程示意图；

图3为本公开实施例提供的又一种页面渲染方法的流程示意图；

图4为本公开实施例提供的一种网站示意图；

图5为本公开实施例提供的一种页面的组成示意图；

图6为本公开实施例提供的一种页面模块的组成示意图；

图7为本公开实施例提供的再一种页面渲染方法的流程示意图；

图8为本公开实施例提供的一种页面渲染装置的结构示意图；

图9示出了适于用来实现本公开实施例的电子设备的结构示意图；

图10是本公开的实施例的计算机可读存储介质的示意图。

具体实施方式

下面详细描述本公开的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本公开，而不能理解为对本公开的限制。

下面参考附图描述本公开实施例的页面渲染方法和装置。

本公开实施例，针对相关技术中，每次渲染页面时，通过加载页面所属项目的总样式文件，对总样式文件进行解析，以渲染页面的方式，存在渲染时间长、页面加载速度慢的问题，提出一种页面渲染方法。

本公开实施例提出的页面渲染方法，通过遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值，对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值，根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染，实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。

图1为本公开实施例提供的一种页面渲染方法的流程示意图。

本公开实施例的页面渲染方法，可由本公开实施例提供的页面渲染装置执行，该装置可配置于电子设备中，以实现每次加载页面时，通过解析公共样式文件和页面对应的脚本文件渲染页面，减少渲染时间，提高页面加载速度。

如图1所示，该页面渲染方法包括：

步骤101，对目标页面的对应的样式文件进行解析处理，以确定目标页面中包含的各全局页面元素。

本实施例中，目标页面所属的项目可以是多页面类应用，其中，多页面类应用由多个完整页面构成，页面之间跳转是从一个页面跳转到另一个页面，且每个页面具有自己的样式文件。多页面类应用中的样式文件包括公共样式文件和每个页面对应的样式文件。

举例来说，多页面类应用的样式文件包括一个公共的.css文件和page1.css文件、page2.css文件、page3.css文件等等，其中，page1.css文件是与页面page1对应的样式文件、page2.css文件是与页面page2对应的样式文件、page3.css文件是与页面page3对应的样式文件。

本实施例中，页面对应的样式文件中包含全局页面元素。其中，全局页面元素是指应用中各页面之间可共同包含的页面元素，而每个页面还有局部页面元素，局部页面元素代表了所属页面的样式与其他页面样式之间的区别，可以js代码的形式存储在页面对应的脚本文件中。

需要说明的是，应用中的每个页面包含的全局页面元素可以相同，也可以不同。

本实施例中，将当前待渲染的页面称为目标页面，在渲染目标页面时，可对目标页面对应的样式文件进行解析处理，通过解析目标页面对应的样式文件，可以获取目标页面中包含的各个全局页面元素。

例如，应用中不同页面，具有相同的背景颜色，那么背景颜色为各页面的全局页面元素。又如，搜索类网页中，搜索栏对应的输入推荐列表中推荐内容被选中时的背景颜色为局部页面元素。

步骤102，遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值。

在实际应用中，应用可以由多个页面组成，页面之间通常会有共同的页面元素，例如，一个网站通常会由许多页面组成，少则几页，多则几十页，页面之间会有许多的重复的代码和共同的主题。

例如，利用css3中的:root这个标签，能够定义基于全局的页面元素，即全局页面元素。

例如：

:root{

main-color:red

}

各个页面引用这个公共样式文件，便可以使用这个变量。例如：

.page1{

color:var(main-color)

}

本实施例中，公共样式文件中包含各全局页面元素的值，通过遍历公共样式文件可以查找目标页面中包含的各全局页面元素的值。

相关技术中，页面之间是具有公共的变量，假如10个页面都是黑色，若要全部改成红色，需要修改10次。而本实施例中，利用公共样式文件，不仅可以减小应用中的样式文件的体积，而且修改公共样式文件中全局页面元素的值，在各个页面都可生效，易于修改。

步骤103，对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值。

本实施例中，每个页面中包含的各局部页面元素，可以JavaScript脚本代码的形式，存放在每个页面对应的脚本文件中。

具体地，对目标页面对应的脚本文件进行解析，通过遍历脚本代码，获取各局部页面元素对应的参数，然后获取各局部页面元素对应的参数的取值。

本实施例中，以脚本代码的形式将各页面的各局部页面元素的值放在脚本文件，由此通过修改脚本文件，即可更改各局部页面元素对应的显示样式，方便修改。

步骤104，根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染。

本实施例中，目标页面可包含各全局页面元素和各局部页面元素，那么通过根据获取的目标页面的各全局页面元素的值以及各局部页面元素的值，便可对目标页面进行渲染，成功加载目标页面。

本公开实施例的页面渲染方法，每次加载项目中的页面时，通过遍历页面所属的项目中的公共样式文件和解析页面对应的脚本文件，分别获取页面中包含的各全局页面元素的值和各局部页面元素的值，便可完成页面渲染，相比每次加载应用的总样式文件，可以减少渲染时间，提高页面的加载速度。

在本公开的一个实施例中，可通过动态参数表示局部页面元素，动态参数的取值便是局部页面元素的值。下面结合图2进行说明，图2为本公开实施例提供的另一种页面渲染方法的流程示意图。

如图2所示，上述对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值，包括：

步骤201，对目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数。

本实施例中，解析目标页面对应的脚本文件中的代码，获取每个局部页面元素对应的动态参数。

其中，每个局部页面元素对应的参数均是动态参数，说明局部页面元素对应的样式，可以随动态参数的值的改变而改变。

步骤202，根据每个局部页面元素对应的动态参数当前的取值，确定每个局部页面元素的值。

在确定动态参数后，可将每个局部页面元素对应的动态参数当前的取值，作为每个局部页面元素的值。

本公开实施例中，通过动态参数当前的取值，可以确定每个局部页面元素的值，由此，当动态参数的取值改变时，动态参数对应的局部页面元素对应的样式也会发生变化，从而可以实现通过动态参数的取值，改变局部页面元素对应的样式。

在上述确定每个局部页面元素的值之前，可先通过页面标签，获取个局部页面元素对应的动态参数当前的取值。由于页面标签可以接收动态参数，在本公开的一个实施例中，项目中包含各页面的标签，可通过遍历目标页面所属的项目中的各页面的标签，获取目标页面的每个局部页面元素对应的动态参数当前的取值。

例如，对于搜索页面中搜索栏对应的输入推荐列表这个局部页面元素，局部页面元素可以命名为ResultList，对应的参数为backgroundColor，如<ResultListbackgroundColor＝"gray"/>，表示用户点击推荐列表中某项推荐内容时，推荐内容的背景颜色变为灰色。

如果要改变背景颜色，可利用div标签实现。具体而言，在div标签中写一个style属性，这个style属性下有背景颜色'background'，接收一个动态参数'color'，代码为：<div style＝{{background:this.props.color}}></div>，在页面的脚本文件中写一个局部页面元素，名为ResultList，传入一个属性backgroundColor，然后把backgroundColor这个属性，在render方法里面，传给上述代码中的this.props.color。由此，根据div标签，便可获取动态参数backgroundColor当前的取值。

相关技术中，样式文件大多是以文件或纯内联的形式存在，没有动态属性，每次修改页面元素对应的样式，都需要修改样式文件，不利于维护和扩展。由于页面标签可以很方便的改动，本公开实施例中，通过页面标签中动态参数的取值，可以修改根据这个动态参数传递的页面局部页面元素对应的样式，修改方便。

上述实施例中，在获取目标页面中各局部页面元素的值时，通过根据动态参数，确定每个局部页面元素的值，并利用每个局部页面元素的值渲染页面。在本公开的一个实施例中，也可先确定局部页面元素所属的页面模块，然后利用局部页面元素的值，对局部页面元素所属的页面模块进行渲染。下面结合图3进行解释说明，图3为本公开实施例提供的又一种页面渲染方法的流程示意图。

如图3所示，该页面渲染方法包括：

步骤301，对目标页面的对应的样式文件进行解析处理，以确定目标页面中包含的各全局页面元素。

步骤302，遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值。

本实施例中，步骤301-步骤302，与上述步骤101-步骤102类似，故在此不再赘述。

步骤303，对目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素的类名属性及对应的值。

以搜索网站为例，如图4所示，该搜索网站分为“网页”，“资讯”，“贴吧”等几个页面。并且，每个页面由多个页面模块组成，每个页面模块由多个局部页面元素组成。如图5所示，以“网页”页面为例，该页面由“搜索栏”、“搜索结果列表”、“推荐列表”3个页面模块组成；如图6所示，对于“搜索框”这个页面模块而言，由“输入框”、“按钮”和“输入推荐列表”三个局部页面元素组成。

基于此，本实施例中，对于每个页面的局部页面元素，可用“页面-页面模块-局部页面元素”的形式命名，即得到局部页面元素的类名属性。例如，图6中的“输入框”其类名属性为网页-搜索栏-输入框，“搜索一下”这个按钮的类名属性为网页-搜索栏-按钮。这样每个局部页面元素具有唯一性，不易重名，而且在覆盖修改时，修改其中一个局部页面元素的值，不会影响其他局部页面元素。

本实施例中，对目标页面对应的脚本文件进行解析处理，通过遍历脚本文件中的脚本代码，获取目标页面中每个局部页面元素的类名属性，以及每个局部页面元素对应的值。

步骤304，根据每个局部页面元素的类名属性，确定每个局部页面元素所属的页面模块。

根据上述页面中局部页面元素的命名规则可知，局部页面元素的类名属性中包括局部页面元素所属的页面模块以及页面，那么根据目标页面中每个局部页面元素的类名属性，可以确定每个局部页面元素所属的页面模块。

步骤305，根据每个局部页面元素对应的值，对每个局部页面元素所属的页面模块进行渲染，以及根据各全局页面元素的值进行渲染。

根据每个局部页面元素所属的页面模块，可以确定目标页面中每个页面模块包含的局部页面元素，那么根据每个页面模块包含的局部页面元素的值，可以对目标页面的每个局部页面模块进行渲染。

由于目标页面还可包括全局页面元素，那么在对目标页面的每个页面模块渲染的同时，根据全局页面元素的值对目标页面进行渲染，从而完成对整个目标页面的渲染。

本公开实施例中，通过对目标页面的脚本文件进行解析，获取每个局部页面元素所属的类名属性及对应的值，根据每个局部页面元素的类名属性可以确定每个局部页面元素所属的页面模块，由此，可以根据每个局部页面元素的值，可以对其所属的页面模块进行渲染。由于类名属性可以表示每个局部页面元素的唯一性，那么当对局部页面元素的值进行修改时，不会影响其他局部页面元素，从而使得页面的样式文件不易冲突，扩展性强。

在本公开的一个实施例中，在对目标页面的样式文件进行解析之前，可先加载与目标页面渲染相关的文件。下面结合图7进行说明，图7为本公开实施例提供的再一种页面渲染方法的流程示意图。

如图7所示，在对目标页面的对应的样式文件进行解析处理之前，页面渲染方法还包括：

步骤401，获取页面加载请求，加载请求中包括目标页面的标识。

本实施例中，当用户在终端设备上浏览页面时，终端设备可将页面加载请求发送给服务器，服务器获取页面加载请求，其中，页面加载请求中包括要加载的页面的标识，即目标页面的标识。其中，页面的标识用于表示页面的唯一性。

步骤402，根据目标页面的标识，获取并加载目标页面所属的项目中的公共样式文件、目标页面对应的样式文件及目标页面对应的脚本文件。

本实施例中，目标页面所属的项目为多页面类应用，该应用的多个页面之间可以具有相同的页面元素，即全局页面元素，这些元素的值存储在公共样式文件中，而每个页面除了包含全局页面元素外还可包括局部页面元素，可以js形式将页面包含的局部页面元素存储在页面对应的脚本文件中。

在获取目标页面的标识后，根据目标页面的标识，查找与该标识对应的样式文件和脚本文件，以及获取目标页面所属的项目中的公共样式文件，并加载目标页面所属的项目中的公共样式文件、目标页面对应的样式文件和对应的脚本文件。

在加载公共样式文件、目标页面对应的样式文件和对应的脚本文件之后，通过对这三种文件进行解析，获取各全局页面元素的值及所述各局部页面元素的值，进而对目标页面进行渲染。

对于多页面类应用，每次加载页面时，仅需要加载公共样式文件和页面对应的样式文件和对应的脚本文件，相比相关技术中，加载所有的样式文件，大大减少了渲染时间，提高了页面加载效率。

在本公开的一个实施例中，若目标页面所属的项目为单页面类应用，由于单页面类应用的页面之间跳转时，需要切换局部页面元素，那么每次加载页面时，在获取页面加载请求后，需要获取并加载目标页面所属的项目中的全部样式文件。也就是说，除了要加载应用的公共样式文件，还要加载每个页面对应的样式文件。

其中，全部的样式文件可以是统一的一个文件，也可以是分开的多个样式文件。

需要说明的是，对于单页面类应用，在获取加载请求后，获取并加载全部的样式文件，对于脚本文件，可以仅加载当前待加载页面的脚本文件，也可以加载所有页面对应的脚本文件，可以根据实际需要设置。

基于上述说明，多页面类应用每次加载页面时，需要加载公共样式文件和页面对应的样式文件，而单页面类应用加载页面时，只需要在第一次加载页面时，加载所有的样式文件，之后当页面之间发生跳转时，不需要重新加载公共样式文件。

本公开实施例中，当目标页面所属的项目为单页面类应用，通过加载目标页面所属的项目的全部样式文件，对页面进行渲染，实现了对单页面类应用的页面进行渲染的目的。

为了实现上述实施例，本公开实施例还提出一种页面渲染装置。图8为本公开实施例提供的一种页面渲染装置的结构示意图。

如图8所示，该页面渲染装置包括：解析模块510、第一获取模块520、第二获取模块530、渲染模块540。

解析模块510，用于对目标页面的对应的样式文件进行解析处理，以确定目标页面中包含的各全局页面元素；

第一获取模块520，用于遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值；

第二获取模块530，用于对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值；

渲染模块540，用于根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染。

在本公开实施例一种可能的实现方式中，上述第二获取模块530，包括：

第一获取单元，用于对目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数；

确定单元，用于根据每个局部页面元素对应的动态参数当前的取值，确定每个局部页面元素的值。

在本公开实施例一种可能的实现方式中，上述第二获取模块530，还可包括：

第二获取单元，遍历目标页面所属的项目中的各页面标签，以获取动态参数当前的取值。

在本公开实施例一种可能的实现方式中，上述第二获取模块530，还可具体用于：

对目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素的类名属性及对应的值；

根据每个局部页面元素的类名属性，确定每个局部页面元素所属的页面模块；

在本公开实施例一种可能的实现方式中，上述渲染模块540还用于：

根据每个局部页面元素对应的值，对每个局部页面元素所属的页面模块进行渲染。

在本公开实施例一种可能的实现方式中，该装置还包括：

第三获取模块，用于获取页面加载请求，加载请求中包括所述目标页面的标识；

第四获取模块，用于根据目标页面的标识，获取并加载目标页面所属的项目中的公共样式文件、目标页面对应的样式文件及目标页面对应的脚本文件。

在本公开实施例一种可能的实现方式中，目标页面所属的项目为单页面类应用；该装置还可包括：

第五获取模块，用于获取并加载目标页面所属的项目中的其它样式文件。

需要说明的是，前述对页面渲染方法实施例的解释说明，也适用于该实施例的页面渲染装置，故在此不再赘述。

本公开实施例的页面渲染装置，通过遍历目标页面所属的项目中的公共样式文件，以获取各全局页面元素的值，对目标页面对应的脚本文件进行解析处理，以获取脚本文件中包含的各局部页面元素的值，根据各全局页面元素的值及各局部页面元素的值，对目标页面进行渲染，实现了每次加载页面时，通过解析公共样式文件和页面对应的脚本文件，渲染页面，减少了渲染时间，提高了页面加载速度。

下面参考图9，其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图9所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取至少两个网际协议地址；向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求，其中，所述节点评价设备从所述至少两个网际协议地址中，选取网际协议地址并返回；接收所述节点评价设备返回的网际协议地址；其中，所获取的网际协议地址指示内容分发网络中的边缘节点。

或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：接收包括至少两个网际协议地址的节点评价请求；从所述至少两个网际协议地址中，选取网际协议地址；返回选取出的网际协议地址；其中，接收到的网际协议地址指示内容分发网络中的边缘节点。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

为了实现上述实施例，本公开实施例提出了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述实施例所述的页面渲染方法。

图10是本公开的实施例的计算机可读存储介质的示意图。如图10所示，根据本公开实施例的计算机可读存储介质900，其上存储有计算机可读指令901。当该计算机可读指令901由处理器运行时，执行前述的本公开各实施例的页面渲染方法的全部或部分步骤。

在本说明书的描述中，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本公开的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

尽管上面已经示出和描述了本公开的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本公开的限制，本领域的普通技术人员在本公开的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种页面渲染方法，其特征在于，包括：

对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；

遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；

对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；

根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。

2.如权利要求1所述的方法，其特征在于，所述对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值，包括：

对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数；

根据每个局部页面元素对应的动态参数当前的取值，确定所述每个局部页面元素的值。

3.如权利要求2所述的方法，其特征在于，所述获取每个局部页面元素对应的动态参数之后，还包括：

遍历所述目标页面所属的项目中的各页面标签，以获取所述动态参数当前的取值。

4.如权利要求1所述的方法，其特征在于，所述对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值，包括：

对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素的类名属性及对应的值；

根据每个局部页面元素的类名属性，确定所述每个局部页面元素所属的页面模块；

所述对所述目标页面进行渲染，包括：

根据每个局部页面元素对应的值，对每个局部页面元素所属的页面模块进行渲染。

5.如权利要求1-4任一所述的方法，其特征在于，所述对目标页面的对应的样式文件进行解析处理之前，还包括：

获取页面加载请求，所述加载请求中包括所述目标页面的标识；

根据所述目标页面的标识，获取并加载所述目标页面所属的项目中的公共样式文件、所述目标页面对应的样式文件及所述目标页面对应的脚本文件。

6.如权利要求5所述的方法，其特征在于，所述目标页面所属的项目为单页面类应用；

所述获取页面加载请求之后，还包括：

获取并加载所述目标页面所属的项目中的其它样式文件。

7.一种页面渲染装置，其特征在于，包括：

解析模块，用于对目标页面的对应的样式文件进行解析处理，以确定所述目标页面中包含的各全局页面元素；

第一获取模块，用于遍历所述目标页面所属的项目中的公共样式文件，以获取所述各全局页面元素的值；

第二获取模块，用于对所述目标页面对应的脚本文件进行解析处理，以获取所述脚本文件中包含的各局部页面元素的值；

渲染模块，用于根据所述各全局页面元素的值及所述各局部页面元素的值，对所述目标页面进行渲染。

8.如权利要求7所述的装置，其特征在于，所述第二获取模块，包括：

第一获取单元，用于对所述目标页面对应的脚本文件进行解析处理，以获取每个局部页面元素对应的动态参数；

确定单元，用于根据每个局部页面元素对应的动态参数当前的取值，确定所述每个局部页面元素的值。

9.一种电子设备，其特征在于，包括处理器和存储器；

其中，所述处理器通过读取所述存储器中存储的可执行程序代码来运行与所述可执行程序代码对应的程序，以用于实现如权利要求1-6中任一所述的页面渲染方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-6中任一所述的页面渲染方法。