一种页面转换方法及页面转换装置与流程

本申请涉及电子信息领域，尤其涉及一种页面转换方法及页面转换装置。

背景技术：

随着移动终端的发展，越来越多的用户使用移动终端浏览网页，该移动终端例如是手机或平板电脑等。

对于原本针对个人电脑(personalcomputer，pc)设计的网页，大多数不能在移动终端上正常显示。因此，在接收到移动终端发送的浏览请求的情况下，需要将网页转换为适合在该移动终端上显示的形式。

应该注意，上面对技术背景的介绍只是为了方便对本申请的技术方案进行清楚、完整的说明，并方便本领域技术人员的理解而阐述的。不能仅仅因为这些方案在本申请的背景技术部分进行了阐述而认为上述技术方案为本领域技术人员所公知。

技术实现要素：

本申请的发明人发现，现有的对页面进行转换的方法耗时较长，因而转换效率不高。此外，现有的对页面进行转换的方法大多是提取页面的文字部分或者容易处理的部分，拼装成新的页面，从而实现页面的转换，这样的方法无法在保持原页面正常逻辑的情况下生成新页面，并且容易遗漏页面中的细节部分。

本申请实施例提供一种页面转换方法及装置，按照目标设备的显示特性对页面对应的虚拟文件对象模型(virtualdocumentobjectmodel，vdom)进行调整，进而形成用于目标设备显示的页面，由于对虚拟文件对象模型进行调整的操作效率高，因此，能够提高页面转换的效率；此外，由于不是对原有页面的部分进行提取，因此，本申请能够在转换后的页面中保留原页面的逻辑和细节信息，提高页面转换的质量。

为了实现上述目的，本申请提供一种页面转换方法，所述方法包括：获取待显示的页面的虚拟文件对象模型(dom)；按照目标设备的显示特性，调整所述虚拟dom，所述目标设备为请求显示所述待显示的页面的设备；以及发送根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件，以在所述目标设备上显示所述待显示的页面。

本申请还提供一种页面转换装置，所述装置包括：获取单元，其用于获取待显示的页面的虚拟文件对象模型(dom)；调整单元，其用于按照目标设备的显示特性，调整所述虚拟dom，所述目标设备为请求显示所述待显示的页面的设备；以及发送单元，其用于发送根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件，以在所述目标设备上显示所述待显示的页面。

本申请的有益效果在于：提高页面转换的效率，此外，还能提高页面转换的质量。

参照后文的说明和附图，详细公开了本发明的特定实施方式，指明了本发明的原理可以被采用的方式。应该理解，本发明的实施方式在范围上并不因而受到限制。在所附权利要求的精神和条款的范围内，本发明的实施方式包括许多改变、修改和等同。

针对一种实施方式描述和/或示出的特征可以以相同或类似的方式在一个或更多个其它实施方式中使用，与其它实施方式中的特征相组合，或替代其它实施方式中的特征。

应该强调，术语“包括/包含”在本文使用时指特征、整件、步骤或组件的存在，但并不排除一个或更多个其它特征、整件、步骤或组件的存在或附加。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例1的页面转换方法的应用场景的一个示意图；

图2为本申请实施例1的页面转换方法的一个示意图；

图3是本申请实施例1的调整虚拟dom的方法的一个示意图；

图4是本申请实施例2的页面转换装置的一个示意图；

图5是本申请实施例2的调整单元的一个示意图；

图6是本申请实施例2的页面转换装置100进行页面转换的一个实例的示意图；

图7是本申请实施例3的电子设备的一个构成示意图。

具体实施方式

实施例1

本申请实施例1提供一种页面转换方法，该页面转换方法可以应用在云系统1中，如图1所示，云系统1可以包括显示服务器10，显示服务器10用于向用户提供用于在用户的设备中显示的页面，显示的页面用于实现用户与云系统1进行交互和/或显示业务的运行结果等功能。需要说明的是，显示服务器10与用于实现业务的业务服务器20，在实体上可以集成设置，也可以单独设置。本申请的云系统1可以是基于云技术的互联网服务系统，但本申请可以不限于此，云系统1也可以被不是基于云技术的其它互联网服务系统代替。

本申请实施例所述的页面转换方法可以被页面转换装置100执行。该页面转换装置100可以设置在显示服务器10中，也可以单独设置在云系统1中，目的在于，将用于在个人电脑(pc)上显示的页面转换为适合在pc之外的目标设备上显示的页面。

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

图2为本申请实施例1的页面转换方法的一个示意图，包括以下步骤：

步骤201、获取待显示的页面的虚拟文件对象模型(virtualdocumentobjectmodel，vdom)；

步骤202、按照目标设备的显示特性，调整所述虚拟dom，所述目标设备为请求显示所述待显示的页面的设备；以及

步骤203、发送根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件，以在所述目标设备上显示所述待显示的页面。

在本实施例的页面转换方法中，对页面的虚拟文件对象模型进行调整，进而形成用于目标设备显示的页面，由于对虚拟文件对象模型进行调整的操作效率高，因此，进行页面转换的效率高；此外，本实施例的页面转换方法不是对原有页面的部分进行提取，因此，不会由于提取处理破坏原页面的逻辑和细节信息，能够提高页面转换的质量。

在本实施例中，虚拟dom为使用脚本编辑对象描述待显示的页面上的数据点的树形结构。其中，该脚本编辑对象例如可以是javascript对象。

在本实施例种，虚拟dom可以包含有节点，每一个节点对应待显示的页面上的一个数据点。各个节点具有结构和样式。其中，结构反映的是节点之间的从属关系，例如，节点1是节点2的父节点，节点2是节点1的子节点；样式反映的是节点对应的数据在显示时的格式，该格式包括但不限于尺寸和颜色等。

在本实施例的步骤201中，可以从远程服务器(如图1所示的显示服务器10或业务服务器20)读取待显示的页面的内容，并使用脚本编辑对象将待显示的页面的内容转换为虚拟dom。

在本实施例的步骤202中，对虚拟dom进行调整，以使调整后的虚拟dom与该目标设备的显示特性匹配，即调整后的虚拟dom能够生成适合在目标设备上显示的页面。

在本实施例中，目标设备为请求显示待显示的页面的设备，例如手机。目标设备的显示特性包括但不限于该目标设备的显示分辨率、和/或显示宽高比、和/或网速限制等。

在本实施例的步骤202中，调整虚拟dom是指对虚拟dom中的节点进行调整，调整的内容包括：1、对虚拟dom中的节点的结构进行调整，即更改节点之间的从属关系；2、对虚拟dom中的节点的样式进行调整；3、对虚拟dom中的节点的结构和样式这二者都进行调整。

在一个具体的实施方式中，页面转换装置100中可以预先存储按照目标设备的显示特性设置的节点的结构和样式。在步骤202中，可以根据该目标设备，查询对应的节点的结构和样式，并使用查询到的节点的结构和样式，对虚拟dom中的节点进行调整，以使调整后的虚拟dom中的节点的结构和样式与该查询到的节点的结构和样式一致或符合相同的设置规则。

图3是本实施例的调整虚拟dom的方法的一个示意图，如图3所示，调整虚拟dom的方法包括：

步骤301、以节点为单位，将该虚拟dom中的各节点调整为与目标设备的显示特性匹配的节点。

在本实施例的步骤301中，可以使用转换器，以每个节点为单位，对各节点进行调整，其中，该转换器为依据该目标设备的显示特性预先设置的代码块。在本实施例中，不同种类的转换器可以具有不同的作用，比如转换文字的转换器用于对文字对应的节点进行转换，转换图片的转换器用于对图片对应的节点进行转换等等。由此，使用一个一个的转换器，能够以节点为调整粒度进行虚拟dom的调整，从而实现颗粒度极小的转换。

例如，该转换器可以根据与目标设备的显示特性对应的节点的结构和样式，逐一对各节点进行调整。

如图3所示，调整虚拟dom的方法还可以包括：

步骤302、查找虚拟dom中由具有预设的结构和/或样式的节点组成的集合；以及

步骤303、按照目标设备的显示特性，对该集合中的节点进行调整。

在步骤302和303中，能够对虚拟dom中特定的节点集合中的节点进行调整，由此，能够更加准确地满足目标设备中对特定对象的显示要求。

在本实施例中，由具有预设的结构和/或样式的节点组成的集合，对应待显示的页面中的特定对象，例如，表格、或者，产品的描述列表。

在步骤302中，可以针对虚拟dom中的节点进行查询，以查找到虚拟dom中的该节点的集合。

在步骤303中，按照目标设备的显示特性，对步骤302查找到的该集合中的节点进行调整，以使该集合中的节点成为与目标设备的显示特性匹配的节点。

在本实施例的步骤303中，可以使用转换模板，以节点的集合为单位，对该集合中的各节点进行调整，其中，该转换模板为依据该目标设备的显示特性预先设置的代码块。模板可以将待显示页面中具有固定模式的显示模块整体转换为适应于目标设备的显示特性的显示模块。由此，能够自定义地针对特定的节点集合进行调整，具有足够的灵活性。

在本实施例中，该转换模板可以根据该预设的结构和/或样式的不同而不同，例如，预设的结构和/或样式的节点组成的集合对应于页面中的表格时，或对应于页面中的产品的描述列表时，对该集合进行调整所使用的转换模板可以不同。

在本实施例的一个具体实施方式中：例如，在步骤302中查询到的节点的集合对应待显示的页面上的一个表格，表格中的每个数值均满足作为目标设备的手机的屏幕的尺寸显示特性，但是，整个表格超过了手机的屏幕的尺寸，在步骤303中，用于调整表格对应的节点集合的转换模板可以按照手机的屏幕的尺寸显示特性，调整该集合中节点的从属关系和/或样式，从而调整整个表格，使得调整后的节点对应的显示出的表格适应手机的屏幕的尺寸。

本实施例的步骤301所使用的转换器和/或步骤303所使用的转换模板，可以依据目标设备的显示特性被预先设置。在获取待显示的页面的虚拟dom和目标设备的情况下，可以使用转换器和/或转换模板，调整虚拟dom中的节点，以进一步提高转换效率。

其中，转换器和转换模板，均为按照目标设备的显示特性设置的代码段。可将预先设置的代码段封装存储在转换装置100中用于实时调取。此外，在本实施例中，存储在转换装置100中的转换器和转换模板在被调取之前可以被预先审核，审核通过的转换器和转换模板才允许被调取。该审核可以由人工进行审核，也可以由设置在转换装置100中或设置在转换装置100之外的装置进行审核。

在图3所描述的调整虚拟dom的方法中，步骤301是以节点为单位进行虚拟dom的调整，步骤302和步骤303是以节点的集合为单位进行虚拟dom的调整。在一个实施方式中，可以具有步骤301、步骤302和步骤303，其中，步骤301可以在步骤302和步骤303之前实施，也可以在步骤302和步骤303之后实施；在另一个实施方式中，也可以仅具有步骤301，而没有步骤302和步骤303；在又一个实施方式中，也可以仅具有步骤302和步骤303，而没有步骤301。

在本实施例的步骤203中，将根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件发送给目标设备，以在该目标设备上显示该待显示的页面。其中，根据调整后的虚拟dom渲染生成的html文件可以指：调整后的虚拟dom按照html的规则被拼装成html文件。该html文件可以被发送给目标设备，目标设备可以根据该html文件显示该待显示的页面。

在本实施例中，如图2所示，在步骤203之前，该页面转换方法还包括：

步骤204、在调整后的虚拟dom对应的代码的基础上，增加需求的代码，形成最终的代码。

其中，需求代码依据目标设备的显示需求设置。例如，手机上的页面禁止缩放，则需要添加实现禁止缩放功能的代码。

通过步骤204，新增满足目标设备的显示需求的代码，以使得待显示的页面更加精准地匹配目标设备。

在本实施例中，如图2所示，在步骤203之前，该页面转换方法还包括：

步骤205、将最终的代码渲染为html文件。

在本实施例中，在不具有步骤204的情况下，步骤205可以将步骤202调整后的虚拟dom作为最终代码，并对该最终代码进行渲染生成html文件；在具有步骤204的情况下，步骤205可以将步骤204中在调整后的虚拟dom增加了依据目标设备的显示需求设置的需求代码后形成的代码作为最终代码，并对该最终代码进行渲染生成html文件。

从图2所示的过程可以看出，本实施例中，将待显示的页面生成虚拟dom，通过调整虚拟dom中的节点，实现将待显示的页面转换为适合目标设备显示的页面的目的。因为对于虚拟dom中的节点(页面中的数据点)的操作具有更高的效率，所以，能够快速实现页面的转换，具有较高的转换效率。并且，以虚拟dom中的节点为对象，具有更小的颗粒度，有利于灵活地实现复杂的转换。

并且，现有的页面转换方法无法在保持原页面正常逻辑的情况下生成新页面，大多方案都是提取页面的文字部分，或者容易处理的部分，拼装成新的页面，而图2所示的方法，能够保证原页面的正常逻辑，并且，不会遗漏页面中除文字外的其它细节部分。

实施例2

本申请实施例2提供一种页面转换装置，与实施例1的页面转换方法对应，该页面转换装置为图1所示的页面转换装置。

图4是本申请实施例2的页面转换装置的一个示意图，如图4所示，该页面转换装置100包括：获取单元401、调整单元402以及发送单元403。

在本实施例中，获取单元401用于获取待显示的页面的虚拟文件对象模型(dom)；调整单元402用于按照目标设备的显示特性，调整所述虚拟dom，所述目标设备为请求显示所述待显示的页面的设备；发送单元403用于发送根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件，以在所述目标设备上显示所述待显示的页面。

如图4所示，页面转换装置100还可以包括：需求代码设定单元404和生成单元405。

在本实施例中，需求代码设定单元404用于在调整后的虚拟dom对应的代码的基础上，增加依据所述目标设备的显示需求设置的需求代码，形成最终的代码；生成单元405用于将所述最终的代码渲染为所述html文件。

图5是本实施例的调整单元的一个示意图，如图5所示，调整单元402可以包括第一调整单元501。

该第一调整单元501以节点为单位，将所述虚拟dom中的各节点调整为与所述目标设备的显示特性匹配的节点，其中，该第一调整单元501可以使用转换器对各节点进行调整。

如图5所示，调整单元402也可以包括第二调整单元502，该第二调整单元502可以包括：查找子单元5021和调整子单元5022。

在本实施例中，查找子单元5021用于查找所述虚拟dom中由具有预设的结构和/或样式的节点组成的集合；调整子单元5022按照目标设备的显示特性，对该集合中的节点进行调整，例如，调整子单元5022可以使用转换模板将虚拟dom中的该集合中的各节点调整为与目标设备的显示特性匹配的节点。

本实施例的第一调整单元501所使用的转换器和/或第二调整单元502所使用的转换模板，可以依据目标设备的显示特性被预先设置。在获取待显示的页面的虚拟dom和目标设备的情况下，可以使用转换器和/或转换模板，调整虚拟dom中的节点，以进一步提高转换效率。

其中，转换器和转换模板，均为按照目标设备的显示特性设置的代码段。可将预设设置的代码段封装存储在转换装置100中用于实时调取。

在图5所描述的调整单元402中，第一调整单元501是以节点为单位进行虚拟dom的调整，第二调整单元502是以节点的集合为单位进行虚拟dom的调整。在一个实施方式中，调整单元402中可以具有第一调整单元501和第二调整单元502这二者，其中，第一调整单元501可以在第二调整单元502的处理之前或之后进行处理；在另一个实施方式中，也可以仅具有第一调整单元501，而没有第二调整单元502；在又一个实施方式中，也可以仅具有第二调整单元502，而没有第一调整单元501。

对于图4和图5中各单元的说明，可以参考实施例1中对相应步骤的说明。

图6是本实施例的页面转换装置100进行页面转换的一个实例的示意图。

如图6所示，该页面转换装置100进行页面转换的过程包括：

作为目标设备300的手机向云系统1发送页面获取请求，页面转换装置100获取待显示的页面的统一资源定位器(uniformresourcelocator，url)地址，并通过开源系统phantomjs，依据url地址获取待显示的页面的内容。其中，通过开源系统phantomjs获取的待显示的页面的内容为代码形式，该代码形式与使用浏览器展示页面的内容不同。需要说明的是，使用phantomjs得到待显示页面的内容仅为一个示例，也可以使用现有技术中的其它方式例如爬虫技术获取待显示页面的内容。

随后，页面转换装置100通过虚线框600所示的流程形成用于在目标设备300中显示待显示的页面的html文件。其中，该虚线框600所示的流程为：

页面转换装置100将依据url地址获取待显示的页面的内容转换为虚拟dom；

页面转换装置100从预先存储的转换器和转换模板中，查询到发送页面获取请求的手机对应的转换器和转换模板，并使用查询到的转换器和转换模板调整虚拟dom中的节点；在本实施例中，该转换器和该转换模板可以存储在页面转换装置100中，也可以存储在页面转换装置100之外的其它设备中；

页面转换装置100从预先存储的需求代码中，查询到发送页面获取请求的手机对应的需求代码，将需求代码添加到调整后的虚拟dom的代码中。至此，可以看作将待展示页面的虚拟dom调整为新的虚拟dom，从而生成了最终代码；

页面转换装置100将新的虚拟dom(即，最终代码)渲染为html文件，在发送该html文件前可以先对html文件生成预览文件，该预览文件的截图被审核无误后，该html文件可以被向手机发送html文件。其中，对截图的审核可以由人工进行，也可以由机器进行。

在本实施例中，手机接收到该html文件后，根据该html文件显示待显示的页面。

从图6可以看出，可以针对不同的目标设备预先设置转换器和转换模板，以节省页面转换的时长，进一步提高转换效率。并且，可以新增或者自定义转换器和转换模板，以适应目标设备的更新和发展。

本申请实施例2对转换器和转换模板的说明，同样适用于实施例1的转换器和转换模板。

根据本实施例的页面转换装置，对页面的虚拟文件对象模型进行调整，进而形成用于目标设备显示的页面，由于对虚拟文件对象模型进行调整的操作效率高，因此，进行页面转换的效率高；此外，本实施例的页面转换装置不是对原有页面的部分进行提取，因此，不会由于提取处理破坏原页面的逻辑和细节信息，能够提高页面转换的质量。

实施例3

本申请实施例3提供一种电子设备，所述电子设备包括：如实施例2所述的页面转换装置。

图7是本申请实施例3的电子设备的一个构成示意图。如图7所示，电子设备700可以包括：中央处理器(cpu)701和存储器702；存储器702耦合到中央处理器701。其中该存储器702可存储各种数据，例如，预先设置转换器和转换模板；此外，还存储用于执行页面转换方法的程序，并且在中央处理器701的控制下执行该程序。

在一个实施方式中，页面转换装置的功能可以被集成到中央处理器701中。

其中，中央处理器701可以被配置为：

获取待显示的页面的虚拟文件对象模型(dom)；按照目标设备的显示特性，调整所述虚拟dom，所述目标设备为请求显示所述待显示的页面的设备；以及发送根据调整后的虚拟dom渲染生成的超文本标记语言(html)文件，以在所述目标设备上显示所述待显示的页面。

其中，中央处理器701还可以被配置为：

以节点为单位，将所述虚拟dom中的各节点调整为与所述目标设备的显示特性匹配的节点。

其中，中央处理器701还可以被配置为：

查找所述虚拟dom中由具有预设的结构和/或样式的节点组成的集合；以及按照所述目标设备的显示特性，对所述集合中的节点进行调整。

其中，中央处理器701还可以被配置为：

将上述虚拟dom中的所述集合中的各节点调整为与所述目标设备的显示特性匹配的节点。

其中，中央处理器701还可以被配置为：

在调整后的虚拟dom对应的代码的基础上，增加依据所述目标设备的显示需求设置的需求代码，形成最终的代码；以及将所述最终的代码渲染为所述html文件。

此外，如图7所示，电子设备700还可以包括：输入输出单元703和显示单元704等；其中，上述部件的功能与现有技术类似，此处不再赘述。值得注意的是，电子设备700也并不是必须要包括图7中所示的所有部件；此外，电子设备700还可以包括图7中没有示出的部件，可以参考现有技术。

本申请实施例还提供一种计算机可读程序，其中当在页面转换装置或电子设备中执行所述程序时，所述程序使得页面转换装置或电子设备执行实施例1所述的页面转换方法。

本申请实施例还提供一种存储有计算机可读程序的存储介质，其中，所述存储介质存储上述计算机可读程序，所述计算机可读程序使得页面转换装置或电子设备执行实施例1所述的页面转换方法。

结合本发明实施例描述的为视频监控系统配置参数的装置可直接体现为硬件、由处理器执行的软件功能单元或二者组合。例如，图4和5中所示的功能框图中的一个或多个和/或功能框图的一个或多个组合，既可以对应于计算机程序流程的各个软件功能单元，亦可以对应于各个硬件模块。这些软件功能单元，可以分别对应于实施例1所示的各个步骤。这些硬件模块例如可利用现场可编程门阵列(fpga)将这些软件功能单元固化而实现。本申请实施例方法所述的功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算设备可读取存储介质中。基于这样的理解，本申请实施例对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一台计算设备(可以是个人计算机，服务器，移动计算设备或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

针对图4和5描述的功能框图中的一个或多个和/或功能框图的一个或多个组合，可以实现为用于执行本申请所描述功能的通用处理器、数字信号处理器(dsp)、专用集成电路(asic)、现场可编程门阵列(fpga)或其它可编程逻辑器件、分立门或晶体管逻辑器件、分立硬件组件、或者其任意适当组合。针对图4和5描述的功能框图中的一个或多个和/或功能框图的一个或多个组合，还可以实现为计算设备的组合，例如，dsp和微处理器的组合、多个微处理器、与dsp通信结合的一个或多个微处理器或者任何其它这种配置。

本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。

对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。