CN112395036A - 页面渲染方法及系统 - Google Patents

Abstract

本发明公开了一种页面渲染方法及系统，涉及数据处理领域。该方法包括：获取智能设备发送的数据包；建立第一存储区域和第二存储区域；根据智能设备的设备标识和设备类型从第一存储区域中调用对应的渲染框架信息进行加载和显示；根据智能设备的工作状态信息从第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。本发明提供的页面渲染方法能够使非活跃设备以更加精简的方式进行渲染，有效降低系统资源占用，在满足用户使用体验的前提下提高多设备的页面渲染速度。

Description

页面渲染方法及系统

技术领域

本发明涉及数据处理领域，尤其涉及一种页面渲染方法及系统。

背景技术

目前的页面渲染方式，通常是构建渲染树，对各个元素进行位置计算、样式计算等等，然后根据渲染树对页面进行渲染，这就导致了目前的渲染方式只是对一个页面进行渲染，而随着物联网的快速发展，用户家中通常会有很多的智能设备，当需要对这些设备统一管控时，就需要在一个页面中对多个设备同时进行渲染，这就导致系统资源占用过多，渲染速度慢等问题，如果采用简单的元素进行渲染，虽然可以一定程度上降低系统资源占用，但是又难以满足用户的体验需求。

发明内容

本发明所要解决的技术问题是针对现有技术的不足，提供一种页面渲染方法及系统。

本发明解决上述技术问题的技术方案如下：

一种页面渲染方法，包括：

获取智能设备发送的数据包，所述数据包包括智能设备的设备标识、设备类型和工作状态信息；

建立第一存储区域和第二存储区域，所述第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，所述第二存储区域用于存储智能设备的工作状态信息；

根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示；

根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

进一步地，本方案还可以做如下改进：

所述渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

进一步地，本方案还可以做如下改进：

根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示，具体包括：

根据获取的所述智能设备的设备标识，确定所述智能设备的使用频率；根据所述智能设备的使用频率确定所述智能设备的显示优先级；

根据所述显示优先级确定所述智能设备的渲染区域和渲染尺寸；

根据所述智能设备的设备类型从所述第一存储区域中调用对应的渲染样式和渲染数据，在所述渲染区域以所述渲染尺寸进行渲染。

采用上述进一步方案的有益效果是：通过根据智能设备的使用频率确定每个智能设备的显示优先级，可以将显示优先级高的智能设备的页面放在显眼处或者页面中靠前的位置进行显示，或者将显示优先级高的智能设备以大尺寸进行显示，从而能够起到更加醒目的作用，便于用户查看常使用的智能设备的页面，便于用户对常使用的智能设备进行控制和操作，提高了交互体验。

进一步地，本方案还可以做如下改进：

所述工作状态信息包括处理器的资源使用率。

进一步地，本方案还可以做如下改进：

根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染，具体包括：

当所述智能设备的处理器的资源使用率小于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

当所述智能设备的处理器的资源使用率大于或等于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，所述第二渲染细节信息中包含的渲染细节多于所述第一渲染细节信息中包含的渲染细节。

采用上述进一步方案的有益效果是：通过根据智能设备的处理器的资源使用率确定智能设备的渲染细节，能够使工作状态繁忙的智能设备以更多的细节进行渲染，从而提高用户的控制体验，使用户能够更加方便地注意到工作状态繁忙的智能设备，从而便于用户控制该智能设备。

本发明解决上述技术问题的另一种技术方案如下：

一种页面渲染系统，包括：

通信模块，用于获取智能设备发送的数据包，所述数据包包括智能设备的设备标识、设备类型和工作状态信息；

存储器，用于建立第一存储区域和第二存储区域，所述第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，所述第二存储区域用于存储智能设备的工作状态信息；

第一渲染引擎，用于根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示；

第二渲染引擎，用于根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

进一步地，本方案还可以做如下改进：

所述渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

进一步地，本方案还可以做如下改进：

所述第一渲染引擎具体用于根据获取的所述智能设备的设备标识，确定所述智能设备的使用频率；根据所述智能设备的使用频率确定所述智能设备的显示优先级；根据所述显示优先级确定所述智能设备的渲染区域和渲染尺寸；根据所述智能设备的设备类型从所述第一存储区域中调用对应的渲染样式和渲染数据，在所述渲染区域以所述渲染尺寸进行渲染。

采用上述进一步方案的有益效果是：通过根据智能设备的使用频率确定每个智能设备的显示优先级，可以将显示优先级高的智能设备的页面放在显眼处或者页面中靠前的位置进行显示，或者将显示优先级高的智能设备以大尺寸进行显示，从而能够起到更加醒目的作用，便于用户查看常使用的智能设备的页面，便于用户对常使用的智能设备进行控制和操作，提高了交互体验。

进一步地，本方案还可以做如下改进：

所述工作状态信息包括处理器的资源使用率。

进一步地，本方案还可以做如下改进：

所述第二渲染引擎具体用于当所述智能设备的处理器的资源使用率小于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；当所述智能设备的处理器的资源使用率大于或等于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，所述第二渲染细节信息中包含的渲染细节多于所述第一渲染细节信息中包含的渲染细节。

采用上述进一步方案的有益效果是：通过根据智能设备的处理器的资源使用率确定智能设备的渲染细节，能够使工作状态繁忙的智能设备以更多的细节进行渲染，从而提高用户的控制体验，使用户能够更加方便地注意到工作状态繁忙的智能设备，从而便于用户控制该智能设备。

本发明的有益效果是：本发明提供的页面渲染方法，对于渲染框架信息和渲染细节信息通过两个独立的引擎分别处理渲染，可以在同一个页面中实现对多个智能设备的高效同时渲染，并根据智能设备的工作状态决定渲染细节，从而能够使非活跃设备以更加精简的方式进行渲染，从而有效降低系统资源占用，在满足用户使用体验的前提下提高多设备的页面渲染速度。

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

附图说明

图1为本发明页面渲染方法的实施例提供的流程示意图；

图2为本发明页面渲染方法的其他实施例提供的渲染页面示意图；

图3为本发明页面渲染方法的其他实施例提供的渲染细节示意图；

图4为本发明页面渲染系统的实施例提供的结构框架图；

图5为本发明页面渲染系统的实施例提供的组网结构示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实施例只用于解释本发明，并非用于限定本发明的范围。

随着物联网的快速发展，家庭内的智能设备也随之增多，本发明提供的页面渲染方法可以将多种类型的智能设备的状态在同一个终端的页面上显示，例如，可以将家里的智能音响、智能门锁、智能摄像头、智能网关、智能灯、智能扫地机器人等智能设备的状态在用户的手机或电脑上显示。通过两个渲染引擎分别对框架和细节进行渲染，充分考虑了多区域动态渲染的效率及用户体验，多个智能设备的渲染区域可以在同一个页面显示，方便用户同时对多个设备进行操作和控制，同时查看多个智能设备的状态，提高了用户的体验度。

如图1所示，为本发明页面渲染方法的实施例提供的流程示意图，该页面渲染方法适用于多个智能设备的渲染，包括：

S1，获取智能设备发送的数据包，数据包包括智能设备的设备标识、设备类型和工作状态信息；

需要说明的是，设备标识为设备的唯一识别码，用于区分不同的设备，设备类型可以包括智能音响、智能门锁、智能摄像头、智能网关、智能灯、智能扫地机器人等，工作状态信息可以为智能设备的工作参数，由于智能设备都集成有处理芯片，因此，可以包括处理芯片的资源占用率、使用率、以及当前智能设备是否故障等参数。

S2，建立第一存储区域和第二存储区域，第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，第二存储区域用于存储智能设备的工作状态信息；

可选地，第一存储区域存储有各种类型的智能设备的渲染框架信息，这些渲染框架可以根据实际需求预先设置，从而满足用户的个性化需求。

应理解，渲染框架指的是能够实现页面渲染的最基本元素，例如，可以包括必要的CSS文件、JavaScript文件和图形文件等。

渲染细节是指用于使页面满足用户体验的渲染元素，例如，可以包括图形文件、动态图文件和视频文件等。

S3，根据智能设备的设备标识和设备类型从第一存储区域中调用对应的渲染框架信息进行加载和显示；

需要说明的是，可以预先存储设备类型与渲染框架信息之间的对应关系，然后再根据设备标识对渲染区域进行调整，例如，假设设备是智能冰箱，那么可以与渲染框架A对应，当根据智能设备发出的数据包判断出是智能冰箱后，可以在用户的手机上加载渲染框架A，框架A可以为一个冰箱形状；又例如，假设设备是智能门锁，那么可以与渲染框架B对应，当根据智能设备发出的数据包判断出是智能门锁后，可以在用户的手机上加载渲染框架B，框架B可以为一个门锁形状，从而使用户能够在页面上通过视觉直观的区分出不同设备，不用再通过文字标注不同的智能设备，由于手机等设备的界面较小，显示的智能设备又多，因此，直接通过渲染框架区分不同的智能设备，不仅能够节约界面上的空间，使得同一页面能够显示更多的智能设备，还能够便于用户直观迅速地区分不同的智能设备，便于用户使用。

S4，根据智能设备的工作状态信息从第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

需要说明的是，具体的渲染细节信息可以根据实际需求设置，例如，以智能扫地机器人为例，假设根据智能扫地机器人的工作状态信息判断智能扫地机器人处于清扫模式时，可以在渲染界面的外围通过环绕的线条显示其工作状态，或者在渲染界面通过文字显示″清扫中″；假设根据智能扫地机器人的工作状态信息判断智能扫地机器人处于拖地模式时，可以在渲染界面的外围通过闪烁的线条显示其工作状态，或者在渲染界面通过文字显示″拖地中″，这些具体的细节可以进一步提高用户的体验度，便于用户直观地掌握不同智能设备的工作状态。

需要说明的是，渲染后的区域显示的信息可以根据实际需求设置，例如，可以显示智能设备的工作时间、是否正常工作以及工作参数等，例如，对于智能扫地机器人，可以显示目前扫地进度、扫地阶段，是处于清扫阶段还是拖地阶段等，这些数据可以通过蓝牙、wifi、zigbee等通信方式从智能设备的处理器获取，然后在用户的手机上进行显示。

需要说明的是，框架和细节的渲染都是通过渲染引擎实现，例如，可以基于XML或JSON编写引擎，其作用是渲染界面视图，以手机为例，可以适配不同手机分辨率，适配不同的操作系统，组建显示和页面布局，可选地，渲染引擎可以采用数据驱动的机制，以数据的变化而变化。

本实施例提供的页面渲染方法，对于渲染框架信息和渲染细节信息通过两个独立的引擎分别处理渲染，可以在同一个页面中实现对多个智能设备的高效同时渲染，并根据智能设备的工作状态决定渲染细节，从而能够使非活跃设备以更加精简的方式进行渲染，从而有效降低系统资源占用，在满足用户使用体验的前提下提高多设备的页面渲染速度。

可选地，在一些可能的实施方式中，渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

应理解，渲染数据可以包括渲染元素，例如，静态图形、动态图形等，渲染样式可以为渲染元素的排列和组合。

可选地，在一些可能的实施方式中，根据智能设备的设备标识和设备类型从第一存储区域中调用对应的渲染框架信息进行加载和显示，具体包括：

根据获取的智能设备的设备标识，确定智能设备的使用频率；

根据智能设备的使用频率确定智能设备的显示优先级；

根据显示优先级确定智能设备的渲染区域和渲染尺寸；

根据智能设备的设备类型从第一存储区域中调用对应的渲染样式和渲染数据，在渲染区域以渲染尺寸进行渲染。

需要说明的是，可以在接收到智能设备的数据包后，识别该智能设备的设备标识，然后根据智能设备的设备标识确定每个智能设备的使用频率。使用频率高的智能设备，可以以较高的优先级进行显示，例如，可以在手机页面的前排显示，或者以大尺寸进行显示。

如图2所示，给出了一种示例性的渲染页面示意图，例如，假设智能设备A的使用频率为每月30次，智能设备B的使用频率为每月20次，智能设备C的使用频率为每月10次，那么可以按照如图2所示的排列方式进行排列，这样用户能够主要注意到智能设备A。

应理解，渲染尺寸和显示优先级的对应关系可以根据实际需求设置，例如，可以按照高优先级对应相对较大的渲染尺寸，低优先级对应相对较小的渲染尺寸的方式确定渲染尺寸的具体大小。

应理解，设备类型与渲染样式和渲染数据的对应关系可以根据实际需求设置，例如，可以将设备的外形进行简化，然后作为渲染样式，例如，如果是智能门锁，那么渲染样式可以为门锁形状。

通过根据智能设备的使用频率确定每个智能设备的显示优先级，可以将显示优先级高的智能设备的页面放在显眼处或者页面中靠前的位置进行显示，或者将显示优先级高的智能设备以大尺寸进行显示，从而能够起到更加醒目的作用，便于用户查看常使用的智能设备的页面，便于用户对常使用的智能设备进行控制和操作，提高了交互体验。

可选地，在一些可能的实施方式中，工作状态信息包括处理器的资源使用率。

可选地，在一些可能的实施方式中，根据智能设备的工作状态信息从第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染，具体包括：

当智能设备的处理器的资源使用率小于预设阈值时，从第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

当智能设备的处理器的资源使用率大于或等于预设阈值时，从第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，第二渲染细节信息中包含的渲染细节多于第一渲染细节信息中包含的渲染细节。

需要说明的是，预设阈值可以根据实际需求设置，目的是为了区分智能设备的资源使用情况，例如，如图3所示，给出了一种示例性的渲染细节对比示意图，假设智能网关A工作闲时，其处理器的资源占用率小于预设阈值，那么渲染细节信息可以是围绕渲染区域环绕的细线，表明智能网关A不繁忙；假设智能网关B工作忙时，其处理器的资源占用率大于预设阈值，那么渲染细节信息可以是围绕渲染区域环绕的多圈细线，表明智能网关B繁忙，从而便于用户直观地查看。

通过根据智能设备的处理器的资源使用率确定智能设备的渲染细节，能够使工作状态繁忙的智能设备以更多的细节进行渲染，从而提高用户的控制体验，使用户能够更加方便地注意到工作状态繁忙的智能设备，从而便于用户控制该智能设备。

应理解，在一些可能的实现方式中，可以包含上述各实施方式的全部或部分。

如图4所示，为本发明页面渲染系统的实施例提供的结构框架图，该页面渲染系统适用于多个智能设备的渲染，包括：

通信模块1，用于获取智能设备发送的数据包，数据包包括智能设备的设备标识、设备类型和工作状态信息；

存储器2，用于建立第一存储区域和第二存储区域，第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，第二存储区域用于存储智能设备的工作状态信息；

第一渲染引擎3，用于根据智能设备的设备标识和设备类型从第一存储区域中调用对应的渲染框架信息进行加载和显示；

第二渲染引擎4，用于根据智能设备的工作状态信息从第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

本实施例提供的页面渲染系统，对于渲染框架信息和渲染细节信息通过两个独立的引擎分别处理渲染，可以在同一个页面中实现对多个智能设备的高效同时渲染，并根据智能设备的工作状态决定渲染细节，从而能够使非活跃设备以更加精简的方式进行渲染，从而有效降低系统资源占用，在满足用户使用体验的前提下提高多设备的页面渲染速度。

可选地，在一些可能的实施方式中，渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

可选地，在一些可能的实施方式中，第一渲染引擎3具体用于根据获取的智能设备的设备标识，确定智能设备的使用频率；根据智能设备的使用频率确定智能设备的显示优先级；根据显示优先级确定智能设备的渲染区域和渲染尺寸；根据智能设备的设备类型从第一存储区域中调用对应的渲染样式和渲染数据，在渲染区域以渲染尺寸进行渲染。

通过根据智能设备的使用频率确定每个智能设备的显示优先级，可以将显示优先级高的智能设备的页面放在显眼处或者页面中靠前的位置进行显示，或者将显示优先级高的智能设备以大尺寸进行显示，从而能够起到更加醒目的作用，便于用户查看常使用的智能设备的页面，便于用户对常使用的智能设备进行控制和操作，提高了交互体验。

可选地，在一些可能的实施方式中，工作状态信息包括处理器的资源使用率。

可选地，在一些可能的实施方式中，第二渲染引擎4具体用于当智能设备的处理器的资源使用率小于预设阈值时，从第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；当智能设备的处理器的资源使用率大于或等于预设阈值时，从第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，第二渲染细节信息中包含的渲染细节多于第一渲染细节信息中包含的渲染细节。

通过根据智能设备的处理器的资源使用率确定智能设备的渲染细节，能够使工作状态繁忙的智能设备以更多的细节进行渲染，从而提高用户的控制体验，使用户能够更加方便地注意到工作状态繁忙的智能设备，从而便于用户控制该智能设备。

应理解，在一些可能的实现方式中，可以包含上述各实施方式的全部或部分。

应理解，上述各实施方式为与在先方法实施方式对应的产品实施方式，因此，上述各产品实施方式的具体说明可以参照在先方法实施方式的对应说明，在此不再赘述。

如图5所示，给出了一种示例性的页面渲染系统的连接连接示意图，页面渲染系统包括手机、电脑等终端10，以及服务器20，终端10可以通过5G、4G、3G、WIFI、蓝牙等无线通信模式与这些智能设备30建立通信链路，然后进行数据交换。

读者应理解，在本说明书的描述中，参考术语″一个实施例″、″一些实施例″、″示例″、″具体示例″、或″一些示例″等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的方法实施例仅仅是示意性的，例如，步骤的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个步骤可以结合或者可以集成到另一个步骤，或一些特征可以忽略，或不执行。

上述方法如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (10)

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

获取智能设备发送的数据包，所述数据包包括智能设备的设备标识、设备类型和工作状态信息；

建立第一存储区域和第二存储区域，所述第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，所述第二存储区域用于存储智能设备的工作状态信息；

根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示；

根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

2.根据权利要求1所述的页面渲染方法，其特征在于，所述渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

3.根据权利要求2所述的页面渲染方法，其特征在于，根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示，具体包括：

根据获取的所述智能设备的设备标识，确定所述智能设备的使用频率；

根据所述智能设备的使用频率确定所述智能设备的显示优先级；

根据所述显示优先级确定所述智能设备的渲染区域和渲染尺寸；

根据所述智能设备的设备类型从所述第一存储区域中调用对应的渲染样式和渲染数据，在所述渲染区域以所述渲染尺寸进行渲染。

4.根据权利要求1至3中任一项所述的页面渲染方法，其特征在于，所述工作状态信息包括处理器的资源使用率。

5.根据权利要求4所述的页面渲染方法，其特征在于，根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染，具体包括：

当所述智能设备的处理器的资源使用率小于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

当所述智能设备的处理器的资源使用率大于或等于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，所述第二渲染细节信息中包含的渲染细节多于所述第一渲染细节信息中包含的渲染细节。

6.一种页面渲染系统，其特征在于，包括：

通信模块，用于获取智能设备发送的数据包，所述数据包包括智能设备的设备标识、设备类型和工作状态信息；

存储器，用于建立第一存储区域和第二存储区域，所述第一存储区域用于存储每种类型的智能设备的渲染框架信息和不同工作状态对应的渲染细节信息，所述第二存储区域用于存储智能设备的工作状态信息；

第一渲染引擎，用于根据所述智能设备的设备标识和设备类型从所述第一存储区域中调用对应的渲染框架信息进行加载和显示；

第二渲染引擎，用于根据所述智能设备的工作状态信息从所述第二存储区域中调用对应的渲染细节信息对加载的渲染框架进行细节渲染。

7.根据权利要求6所述的页面渲染系统，其特征在于，所述渲染框架信息包括：渲染区域、渲染尺寸、渲染样式和渲染数据。

8.根据权利要求7所述的页面渲染系统，其特征在于，所述第一渲染引擎具体用于根据获取的所述智能设备的设备标识，确定所述智能设备的使用频率；根据所述智能设备的使用频率确定所述智能设备的显示优先级；根据所述显示优先级确定所述智能设备的渲染区域和渲染尺寸；根据所述智能设备的设备类型从所述第一存储区域中调用对应的渲染样式和渲染数据，在所述渲染区域以所述渲染尺寸进行渲染。

9.根据权利要求6至8中任一项所述的页面渲染系统，其特征在于，所述工作状态信息包括处理器的资源使用率。

10.根据权利要求9所述的页面渲染系统，其特征在于，所述第二渲染引擎具体用于当所述智能设备的处理器的资源使用率小于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；当所述智能设备的处理器的资源使用率大于或等于预设阈值时，从所述第二存储区域中调用第一渲染细节信息对加载的渲染框架进行细节渲染；

其中，所述第二渲染细节信息中包含的渲染细节多于所述第一渲染细节信息中包含的渲染细节。

Images