CN107341027A - 用户界面的生成方法和生成装置 - Google Patents

Abstract

本发明公开了一种用户界面的生成方法和生成装置。其中，该生成方法包括：在应用或软件中嵌入浏览器内核；在启动应用或软件时，加载浏览器内核；通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件；显示解析文件的结果作为用户界面。本发明解决了由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的技术问题。

Description

用户界面的生成方法和生成装置

技术领域

本发明涉及互联网领域，具体而言，涉及一种用户界面的生成方法和生成装置。

背景技术

随着互联网技术的快速发展，网络已在人们的日程生活、工作和学习中得到了广泛的应用。人们在日常生活中使用电脑或手机打开一些应用或软件时会发现针对同一个应用或同一个软件，当在安装有不同的操作系统的电脑、手机以及其他终端上打开时，应用或软件加载与操作系统对应的界面显示风格，例如，安装有Windows操作系统的电脑在访问百度文库时，浏览器任务栏上的显示风格与安装有Linux操作系统的电脑在访问百度文库时浏览器任务栏的显示风格是不相同的。由于不同的操作系统具有不同的操作系统的内核，不同的内核对应不同的显示风格，从而使得在不同的操作系统下，同一个应用或软件的界面显示风格不统一。

针对上述由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种用户界面的生成方法和生成装置，以至少解决由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的技术问题。

根据本发明实施例的一个方面，提供了一种用户界面的生成方法，包括：在应用或软件中嵌入浏览器内核；在启动应用或软件时，加载浏览器内核；通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件；显示解析文件的结果作为用户界面。

根据本发明实施例的另一方面，还提供了一种用户界面的生成装置，包括：嵌入模块，用于在应用或软件中嵌入浏览器内核；加载模块，用于在启动应用或软件时，加载浏览器内核；解析模块，用于通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件；显示模块，用于显示解析文件的结果作为用户界面。

根据本发明实施例的另一方面，还提供了一种存储介质，该存储介质包括存储的程序，其中，程序运行时执行用户界面的生成方法。

根据本发明实施例的另一方面，还提供了一种处理器，该处理器用于运行程序，其中，程序运行时执行用户界面的生成方法。

在本发明实施例中，采用在应用或软件中加载浏览器内核的方式，通过在应用或软件中嵌入浏览器内核，在启动应用或软件时，加载浏览器内核，并通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件，最后显示解析文件的结果作为用户界面，达到了在不同的系统下应用或软件界面显示风格一致的目的，从而实现了界面的跨平台显示的技术效果，进而解决了由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种用户界面的生成方法流程图；

图2(a)是根据本发明实施例的一种可选的Windows操作系统下记事本的打开界面示意图；

图2(b)是根据本发明实施例的一种可选的Linux操作系统下记事本的打开界面示意图；

图3是根据本发明实施例的一种可选的用户界面的生成方法流程图；

图4是根据本发明实施例的一种可选的DOM树的结构示意图；

图5是根据本发明实施例的一种可选的用户界面的生成方法流程图；以及

图6是根据本发明实施例的一种用户界面的生成装置结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释：

(1)DOM(Document Object Model，即文档对象模型)是一种标准编程接口，指在网页上，组织页面或文档的对象被组织在一个树形结构中国，用来标准文档中对象的标准模型。

(2)CSSOM(CSS Object Model，即CSS对象模型)是建立在Web页面上的CSS样式的映射，与DOM类似，只是针对的对象与DOM不同。

(3)CSS(Cascading Style Sheets，层叠样式表)是一种计算机语言，可静态地修饰网页，还可配合各种脚本语言动态地对网页各元素进行格式化。

实施例1

根据本发明实施例，提供了一种用户界面的生成方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的用户界面的生成方法流程图，如图1所示，该方法包括如下步骤：

步骤S102，在应用或软件中嵌入浏览器内核。

需要说明的是，在现有技术中，当用户在终端上打开应用或软件时，应用或软件加载操作系统的内核，由于不同的操作系统的内核是不同的，因此，同一个应用或软件在不同的操作系统下的显示风格是不同的。例如，如图2(a)所示的Windows操作系统下记事本的打开界面和如图2(b)所示的Linux操作系统下记事本的打开界面，根据图2(a)和图2(b)可以看出在不同的操作系统下，同一个应用的界面显示风格是不同的。其中，浏览器内核，即浏览器所采用的渲染引擎，决定了浏览器如何显示网页的内容以及页面的格式信息，同一网页在不同的内核的浏览器里的渲染或显示的效果也可能是不同的。

此处还需要说明的是，同一个浏览器在不同的操作系统下的浏览器内核是相同的，因此，在应用或软件中嵌入浏览器内核。当用户打开应用或软件时，应用或软件直接加载浏览器内核，而不是操作系统的内核，从而可以保证应用或软件在不同的操作系统下显示界面的一致性。

具体的，首先获取应用或软件对应的操作系统，并根据该操作系统选择与该操作系统所对应的浏览器内核，并将选择出的浏览器内核嵌入到应用或软件中。其中，在应用或软件中嵌入对大部分操作系统兼容的浏览器内核，例如，Trident内核的常见浏览器有IE6、IE7、IE8、IE9、IE10、360安全浏览器、猎豹极轻浏览器、百度浏览器、搜狗高速浏览器等。因此，当操作系统中安装有上述浏览器时，可以将Trident内核到应用或软件中。

步骤S104，在启动应用或软件时，加载浏览器内核。

具体的，当用户在不同的操作系统下打开同一个应用时，例如，用户在Windows操作系统和在Linux操作系统下打开记事本软件时，此时，记事本加载的是浏览器内核而不是与操作系统相对应的内核，例如，记事本加载Trident内核，此时，无论是在Windows操作系统下，还是在Linux操作系统，记事本的显示风格均是相同的。

需要说明的是，通过步骤S104在不同的操作系统下加载相同的浏览器内核，从而可以使得应用或软件的显示界面与操作系统无关，进而可以保证应用或软件界面的跨平台显示。

步骤S106，通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件。

需要说明的是，上述用于生成应用或软件的用户界面的文件可以为但不限于CSS文件和HTML文件。

具体的，在应用或软件启动并加载完浏览器内核后，应用或软件的后台处理程序分别读取浏览器内核中的CSS文件和HTML文件，并对CSS文件和HTML文件进行解析，并将解析后的文件生成相对应的树，然后对生成的树再次进行处理，并将树的每个节点绘制到屏幕上，进而可以显示在屏幕上。

步骤S108，显示解析文件的结果作为用户界面。

具体的，在对CSS文件和HTML文件进行解析处理以及根据解析处理后的结果生成树，并获取每个树节点的内容。然后，再获取到终端的硬件参数，例如，终端的显示器的尺寸、分辨率、扫描频率、点距、刷新速度等，在获取到硬件参数之后，根据硬件参数将每个树节点的内容作为用户界面显示在终端的显示屏上。

基于上述步骤S102至步骤S108所公开的方案，可以获知通过在应用或软件中嵌入浏览器内核，在启动应用或软件时，加载浏览器内核，并通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件，最后显示解析文件的结果作为用户界面。

容易注意到的是，在启动应用或软件时，加载浏览器内核，而不加载操作系统的内核，并且，由于在不同的操作系统下，应用或软件加载的是同一个浏览器内核，因此，在启动应用或软件时通过浏览器内核来显示用户界面的内容以及页面的格式信息，从而达到了在不同的系统下应用或软件界面显示风格一致的目的，从而实现了界面的跨平台显示的技术效果，进而解决了由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的技术问题。

在一种可选的实施例中，图3示出了一种可选的用户界面的生成方法流程图，如图3所示，在文件包括CSS文件和HTML文件的情况下，解析文件并显示解析文件的结果包括：

步骤S302，解析HTML文件生成DOM树；

步骤S304，解析CSS文件生成CSSOM树；

步骤S306，将DOM树和CSSOM树进行合并；

步骤S308，对合并得到的树进行布局计算；

步骤S310，遍历合并得到的树中的每一个节点，并将每一个节点绘制到屏幕上。

需要说明的是，DOM树针对的是HTML文件，而CSSOM树针对的是CSS文件，浏览器可以通过将DOM树与CSSOM树结合得到新树，并对该新树进行重新布局计算来渲染用户界面。

其中，解析HTML文件生成DOM树包括：

将HTML文件中的代码转换为DOM树，其中，HTML文件中的代码中的每一个标签都为一个DOM树的节点，DOM树的根节点为HTML文件对应的文档对象。

需要说明的是，DOM树是由DOM元素和属性节点构成的树结构，根节点为文档对象。例如，HTML解析器可以以下的一段HTML文件中的代码解析成如图4所示的一种可选的DOM树的结构示意图中的DOM树。

其中，在图4中，HTML元素对应上述代码中的<html>和</html>之间的代码，HTML主体元素对应上述代码中的<body>和</body>之间的代码，HTML段落元素对应<p>和</p>之间的代码，文本内容对应上述代码中的“HelloWorld”，而HTML节元素对应<div>和</div>之间的代码，图像元素对应上述代码中的img scr＝”example.png”。

此处需要说明的是，解析CSS文件生成CSSOM树的过程与解析HTML文件生成DOM树的过程类似，在此不再赘述。

此外，在浏览器内核读取并解析用于生成应用或软件的用户界面的文件之后，便可对文件进行解析并在显示屏上显示解析文件的解析结果，如图5所示的一种可选的用户界面的生成方法流程图，具体步骤包括：

步骤S502，获取软件或应用所在硬件设备的屏幕参数；

步骤S504，在解析文件之后，根据硬件设备的屏幕参数显示解析文件的结果。

需要说明的是，上述屏幕参数包括以下至少之一：分辨率、尺寸。不同分辨率或尺寸的屏幕在显示同一个界面时，用户所看到的用户界面的布局可能是不相同的，为了使在具有不同分辨率或尺寸的屏幕，因此，在对应用或软件所对应的用户界面进行显示时，可根据硬件设备的屏幕参数显示解析文件的结果，从而使用户得到更好的视觉体验。

在显示用户界面之后，如果应用或软件接收到用户的操作，还需要进行如下操作：

步骤S602，接收在用户界面上的操作；

步骤S604，将操作封装为浏览器内核能够识别的协议；

步骤S606，将封装后的操作通过浏览器内核发送给应用或软件中用于处理该操作的模块。

需要说明的是，不同的浏览器内核所能够识别并处理的协议是不相同的。

在一种可选的实施例中，当用户打开记事本之后，并点击记事本任务栏上的“文件”下的“页面设置”按钮之后，记事本接收到用户点击按钮的操作之后，将该操作封装成与记事本所加载的浏览器内核相对应的协议，在浏览器内核与上述协议相匹配的情况下，将上述封装后的操作发送给处理模块在后台进行相应的处理，例如，后台的处理器接收到相应的操作，对封装后的操作进行解析处理，并根据解析后的结果控制屏幕显示“页面设置”对话框。

在另一种可选的实施例中，当用户在显示界面上进行了相关操作之后，应用或软件中的监控模块获取用户的操作，具体步骤如下：

步骤S702，通过应用或软件中的监控模块监控用户界面上的操作；

步骤S704，将操作发送给应用或软件中用于处理该操作的模块；

步骤S706，通过监控模块将操作对用户界面所带来的变化发送给浏览器内核；

步骤S708，通过浏览器内核对用户界面进行刷新。

具体的，应用或软件中的监控模块每隔预定时间检测用户是否在用户界面上有操作，当监控模块检测到用户在用户界面上进行了操作之后，将该操作直接发送给处理该操作的处理模块，处理模块对该操作进行处理，并将处理后的结果发送给监控模块，监控模块将处理后的结果与处理之前用户界面上所发生的变化发送给浏览器内核，浏览器内核根据操作前后用户界面发生的变化对用户界面进行刷新。

实施例2

根据本发明实施例，提供了一种用户界面的生成装置实施例。

图6是根据本发明实施例的用户界面的生成装置结构示意图，如图6所示，该装置包括：嵌入模块601、加载模块603、解析模块605以及显示模块607。

嵌入模块601，用于在应用或软件中嵌入浏览器内核。

需要说明的是，在现有技术中，当用户在终端上打开应用或软件时，应用或软件加载操作系统的内核，由于不同的操作系统的内核是不同的，因此，同一个应用或软件在不同的操作系统下的显示风格是不同的。例如，如图2(a)所示的Windows操作系统下记事本的打开界面和如图2(b)所示的Linux操作系统下记事本的打开界面，根据图2(a)和图2(b)可以看出在不同的操作系统下，同一个应用的界面显示风格是不同的。其中，浏览器内核，即浏览器所采用的渲染引擎，决定了浏览器如何显示网页的内容以及页面的格式信息，同一网页在不同的内核的浏览器里的渲染或显示的效果也可能是不同的。

此处还需要说明的是，同一个浏览器在不同的操作系统下的浏览器内核是相同的，因此，在应用或软件中嵌入浏览器内核。当用户打开应用或软件时，应用或软件直接加载浏览器内核，而不是操作系统的内核，从而可以保证应用或软件在不同的操作系统下显示界面的一致性。

具体的，首先获取应用或软件对应的操作系统，并根据该操作系统选择与该操作系统所对应的浏览器内核，并将选择出的浏览器内核嵌入到应用或软件中。其中，在应用或软件中嵌入对大部分操作系统兼容的浏览器内核，例如，Trident内核的常见浏览器有IE6、IE7、IE8、IE9、IE10、360安全浏览器、猎豹极轻浏览器、百度浏览器、搜狗高速浏览器等。因此，当操作系统中安装有上述浏览器时，可以将Trident内核到应用或软件中。

加载模块603，用于在启动应用或软件时，加载浏览器内核。

具体的，当用户在不同的操作系统下打开同一个应用时，例如，用户在Windows操作系统和在Linux操作系统下打开记事本软件时，此时，记事本加载的是浏览器内核而不是与操作系统相对应的内核，例如，记事本加载Trident内核，此时，无论是在Windows操作系统下，还是在Linux操作系统，记事本的显示风格均是相同的。

需要说明的是，通过加载模块603在不同的操作系统下加载相同的浏览器内核，从而可以使得应用或软件的显示界面与操作系统无关，进而可以保证应用或软件界面的跨平台显示。

解析模块605，用于通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件。

需要说明的是，上述用于生成应用或软件的用户界面的文件可以为但不限于CSS文件和HTML文件。

具体的，在应用或软件启动并加载完浏览器内核后，应用或软件的后台处理程序分别读取浏览器内核中的CSS文件和HTML文件，并对CSS文件和HTML文件进行解析，并将解析后的文件生成相对应的树，然后对生成的树再次进行处理，并将树的每个节点绘制到屏幕上，进而可以显示在屏幕上。

显示模块607，用于显示解析文件的结果作为用户界面。

具体的，在对CSS文件和HTML文件进行解析处理以及根据解析处理后的结果生成树，并获取每个树节点的内容。然后，再获取到终端的硬件参数，例如，终端的显示器的尺寸、分辨率、扫描频率、点距、刷新速度等，在获取到硬件参数之后，根据硬件参数将每个树节点的内容作为用户界面显示在终端的显示屏上。

由上可知，通过在应用或软件中嵌入浏览器内核，在启动应用或软件时，加载浏览器内核，并通过浏览器内核读取并解析用于生成应用或软件的用户界面的文件，最后显示解析文件的结果作为用户界面。

容易注意到的是，在启动应用或软件时，加载浏览器内核，而不加载操作系统的内核，并且，由于在不同的操作系统下，应用或软件加载的是同一个浏览器内核，因此，在启动应用或软件时通过浏览器内核来显示用户界面的内容以及页面的格式信息，从而达到了在不同的系统下应用或软件界面显示风格一致的目的，从而实现了界面的跨平台显示的技术效果，进而解决了由于现有技术中应用或软件的界面显示风格与操作系统有关，导致无法实现应用或软件界面的跨平台显示的技术问题。

需要说明的是，上述嵌入模块601，加载模块603，解析模块605以及显示模块607对应于实施例1中的步骤S102至步骤S108，四个模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例1所公开的内容。

可选的，解析模块包括：第一解析模块、第二解析模块、合并模块、设计模块以及遍历模块。其中，第一解析模块，用于解析HTML文件生成DOM树；第二解析模块，用于解析CSS文件生成CSSOM树；合并模块，用于将DOM树和CSSOM树进行合并；设计模块，用于对合并得到的树进行布局计算；遍历模块，用于遍历合并得到的树中的每一个节点，并将每一个节点绘制到屏幕上。

需要说明的是，上述第一解析模块、第二解析模块、合并模块、设计模块以及遍历模块对应于实施例1中的步骤S302至步骤S310，五个模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例1所公开的内容。

可选的，第一解析模块包括：转换模块。其中，转换模块，用于将HTML文件中的代码转换为DOM树，其中，HTML文件中的代码中的每一个标签都为一个DOM树的节点，DOM树的根节点为HTML文件对应的文档对象。

可选的，显示结果包括：获取模块以及第三解析模块。其中，获取模块，应用获取软件或应用所在硬件设备的屏幕参数；第三解析模块，用于在解析文件之后，根据硬件设备的屏幕参数显示解析文件的结果。

需要说明的是，上述获取模块以及第三解析模块对应于实施例1中的步骤S502至步骤S504，两个模块与对应的步骤所实现的示例和应用场景相同，但不限于上述实施例1所公开的内容。

此外，根据本发明实施例的另一方面，还提供了一种存储介质，该存储介质包括存储的程序，其中，程序运行时执行用户界面的生成方法。

根据本发明实施例的另一方面，还提供了一种处理器，该处理器用于运行程序，其中，程序运行时执行用户界面的生成方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

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

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种用户界面的生成方法，其特征在于，包括：

在应用或软件中嵌入浏览器内核；

在启动所述应用或所述软件时，加载所述浏览器内核；

通过所述浏览器内核读取并解析用于生成所述应用或所述软件的用户界面的文件；

显示解析所述文件的结果作为所述用户界面。

2.根据权利要求1所述的方法，其特征在于，在所述文件包括CSS文件和HTML文件的情况下，解析所述文件并显示解析所述文件的结果包括：

解析所述HTML文件生成DOM树；

解析所述CSS文件生成CSSOM树；

将所述DOM树和所述CSSOM树进行合并；

对合并得到的树进行布局计算；

遍历合并得到的树中的每一个节点，并将所述每一个节点绘制到屏幕上。

3.根据权利要求2所述的方法，其特征在于，解析所述HTML文件生成所述DOM树包括：

将所述HTML文件中的代码转换为所述DOM树，其中，所述HTML文件中的代码中的每一个标签都为一个DOM树的节点，所述DOM树的根节点为所述HTML文件对应的文档对象。

4.根据权利要求1所述的方法，其特征在于，解析所述文件并显示解析所述文件的结果包括：

获取所述软件或所述应用所在硬件设备的屏幕参数；

在解析所述文件之后，根据所述硬件设备的屏幕参数显示解析所述文件的结果。

5.根据权利要求4所述的方法，其特征在于，所述屏幕参数包括以下至少之一：分辨率、尺寸。

6.一种用户界面的生成装置，其特征在于，包括：

嵌入模块，用于在应用或软件中嵌入浏览器内核；

加载模块，用于在启动所述应用或所述软件时，加载所述浏览器内核；

解析模块，用于通过所述浏览器内核读取并解析用于生成所述应用或所述软件的用户界面的文件；

显示模块，用于显示解析所述文件的结果作为所述用户界面。

7.根据权利要求6所述的装置，其特征在于，在所述文件包括CSS文件和HTML文件的情况下，所述解析模块包括：

第一解析模块，用于解析所述HTML文件生成DOM树；

第二解析模块，用于解析所述CSS文件生成CSSOM树；

合并模块，用于将所述DOM树和所述CSSOM树进行合并；

设计模块，用于对合并得到的树进行布局计算；

遍历模块，用于遍历合并得到的树中的每一个节点，并将所述每一个节点绘制到屏幕上。

8.根据权利要求7所述的装置，其特征在于，所述第一解析模块包括：

转换模块，用于将所述HTML文件中的代码转换为所述DOM树，其中，所述HTML文件中的代码中的每一个标签都为一个DOM树的节点，所述DOM树的根节点为所述HTML文件对应的文档对象。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序运行时执行权利要求1至5中任一项所述的用户界面的生成方法。

10.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至5中任一项所述的用户界面的生成方法。