页面显示控制方法、装置、存储介质及处理器与流程

本发明涉及通信领域，具体而言，涉及一种页面显示控制方法、装置、存储介质及处理器。

背景技术：

在javacript代码逻辑中有时需要获取设备信息，通过设备信息来控制页面某些部分的显示或隐藏。传统上在javascript代码逻辑中获取设备信息的方法是通过监听设备resize相关事件，在事件处理程序中获取当前设备视口尺寸，然后和事先定义好的设备尺寸信息进行比较，判断出当前页面渲染在什么样的设备模式下，这种方法不够简单、灵活，性能损耗也较大，导致对页面显示进行控制时控制效率较低。

针对相关技术中对页面显示进行控制时控制效率较低的问题，目前还没有有效地解决方案。

技术实现要素：

本发明实施例提供了一种页面显示控制方法、装置、存储介质及处理器，以至少解决相关技术中对页面显示进行控制时控制效率较低的问题。

根据本发明的一个实施例，提供了一种页面显示控制方法，包括：获取目标设备的目标尺寸信息，其中，所述目标设备用于显示目标页面；根据所述目标尺寸信息从层叠样式表中确定所述目标尺寸信息对应的目标设备类型，其中，所述层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；根据所述目标设备类型控制所述目标页面在所述目标设备上显示。

可选地，在获取所述目标设备的所述目标尺寸信息之前，所述方法还包括：创建状态指示元素，其中，所述状态指示元素用于指示设备的尺寸信息；将所述状态指示元素插入所述目标页面。

可选地，获取所述目标设备的所述目标尺寸信息包括：获取所述目标设备对应的目标状态指示元素，其中，所述目标状态指示元素用于指示所述目标设备的所述目标尺寸信息。

可选地，创建所述状态指示元素包括：将指示器定义为目标元素，其中，所述指示器用于检测所述设备的屏幕尺寸，所述尺寸信息包括所述屏幕尺寸；为所述目标元素配置状态指示元素标识，得到所述状态指示元素，其中，所述状态指示元素标识用于唯一标识所述目标元素；将所述状态指示元素的页面显示属性设置为隐藏。

可选地，根据所述目标尺寸信息从层叠样式表中确定所述目标尺寸信息对应的目标设备类型包括：从所述层叠样式表的媒体查询特性中获取所述预设的设备尺寸信息与设备类型之间的对应关系；从所述预设的设备尺寸信息与设备类型之间的对应关系中查找所述目标尺寸信息对应的所述目标设备类型。

可选地，根据所述目标设备类型控制所述目标页面在所述目标设备上显示包括：根据所述目标设备类型查找与所述目标设备类型对应的显示参数，其中，所述显示参数用于指示所述目标页面在所述目标设备上的显示属性；根据所述显示参数在所述目标设备上显示所述目标页面。

根据本发明的另一个实施例，提供了一种页面显示控制装置，包括：获取模块，用于获取目标设备的目标尺寸信息，其中，所述目标设备用于显示目标页面；确定模块，用于根据所述目标尺寸信息从层叠样式表中确定所述目标尺寸信息对应的目标设备类型，其中，所述层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；控制模块，用于根据所述目标设备类型控制所述目标页面在所述目标设备上显示。

可选地，所述装置还包括：创建模块，用于创建状态指示元素，其中，所述状态指示元素用于指示设备的尺寸信息；插入模块，用于将所述状态指示元素插入所述目标页面。

可选地，所述确定模块包括：获取单元，用于从所述层叠样式表的媒体查询特性中获取所述预设的设备尺寸信息与设备类型之间的对应关系；第一查找单元，用于从所述预设的设备尺寸信息与设备类型之间的对应关系中查找所述目标尺寸信息对应的所述目标设备类型。

可选地，所述控制模块包括：第二查找单元，用于根据所述目标设备类型查找与所述目标设备类型对应的显示参数，其中，所述显示参数用于指示所述目标页面在所述目标设备上的显示属性；显示单元，用于根据所述显示参数在所述目标设备上显示所述目标页面。

根据本发明的又一个实施例，还提供了一种存储介质，所述存储介质包括存储的程序，其中，所述程序运行时执行上述任一项所述的方法。

根据本发明的又一个实施例，还提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行上述任一项所述的方法。

通过本发明，获取目标设备的目标尺寸信息，其中，目标设备用于显示目标页面；根据目标尺寸信息从层叠样式表中确定目标尺寸信息对应的目标设备类型，其中，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；根据目标设备类型控制目标页面在目标设备上显示，由此可见，采用上述方案获取目标设备的目标尺寸信息，直接从层叠样式表中配置的预设的设备尺寸信息与设备类型之间的对应关系确定目标设备的目标设备类型，再根据目标设备类型控制目标页面的显示，利用了层叠样式表的媒体查询特征，使得获取设备类型更加方便、灵活，减少了系统的损耗，因此，提高了对页面显示进行控制时的控制效率，从而解决了相关技术中对页面显示进行控制时控制效率较低的问题。

附图说明

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

图1是本发明实施例的一种页面显示控制方法的移动终端的硬件结构框图；

图2是根据本发明实施例的一种页面显示控制方法的流程图；

图3是根据本发明实施例的一种页面显示控制装置的结构框图一；

图4是根据本发明实施例的一种页面显示控制装置的结构框图二；

图5是根据本发明实施例的一种页面显示控制装置的结构框图三；

图6是根据本发明实施例的一种页面显示控制装置的结构框图四。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。

实施例1

本申请实施例1所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例，图1是本发明实施例的一种页面显示控制方法的移动终端的硬件结构框图，如图1所示，移动终端10可以包括一个或多个(图中仅示出一个)处理器102(处理器102可以包括但不限于微处理器mcu或可编程逻辑器件fpga等的处理装置)、用于存储数据的存储器104、以及用于通信功能的传输装置106。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，移动终端10还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。

存储器104可用于存储应用软件的软件程序以及模块，如本发明实施例中的载波相位恢复方法对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至移动终端10。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端10的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(networkinterfacecontroller，nic)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(radiofrequency，rf)模块，其用于通过无线方式与互联网进行通讯。

在本实施例中提供了一种页面显示控制方法，图2是根据本发明实施例的一种页面显示控制方法的流程图，如图2所示，该流程包括如下步骤：

步骤s202，获取目标设备的目标尺寸信息，其中，目标设备用于显示目标页面；

步骤s204，根据目标尺寸信息从层叠样式表中确定目标尺寸信息对应的目标设备类型，其中，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；

步骤s206，根据目标设备类型控制目标页面在目标设备上显示。

可选地，上述页面显示控制方法可以但不限于应用于对页面的显示进行控制的场景中。例如：利用javacript代码逻辑对页面的显示进行控制的场景。

可选地，上述页面显示控制方法可以但不限于应用于终端设备，例如：手机、平板电脑、pc计算机、笔记本电脑、智能穿戴设备、智能家居设备等等。

可选地，在本实施例中，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系，可以但不限于使用层叠样式表的媒体查询特征配置上述预设的设备尺寸信息与设备类型之间的对应关系。例如：可以基于css3的媒体查询特征@media特性。媒体查询可以获取渲染网页的设备相关信息，比如当前设备的尺寸、横屏还是竖屏等。css3支持媒体查询特性(@media特性)，可以针对特定尺寸的设备编写不同的样式。

可选地，在本实施例中，基于css3的媒体查询功能，可以将当前设备信息从css中读取到javascript中，方便快捷，同时由于现代浏览器本身对css3媒体查询的支持，所以对系统性能上也有提高。

需要说明的是，在不同应用场景下对设备尺寸的定义可以不尽相同，通过本实施例提供的页面显示的控制方法均可以达到在javascript中获取设备信息的目的。

可选地，在本实施例中，设备类型可以但不限于是按照设备屏幕尺寸划分的设备类型，比如：小屏幕设备、大屏幕设备、超大屏幕设备等等。也可以但不限于获取不同终端设备的型号，如iphone4、5、6等设备信息的获取。

可选地，在本实施例中，以bootstrap定义的尺寸规范进行说明。一般来讲，在渲染页面时主要关心当前页面渲染的设备尺寸信息，根据bootstrap设计规范的定义，定义了以下尺寸：

1、屏幕分辨率小于768px的设备称为超小屏幕，如手机。

2、屏幕分辨率大于768px并且小于992px的设备，称为小屏幕，如平板。

3、屏幕分辨率大于992px并且小于1200px的设备，称为中等屏幕，如桌面显示器。

4、屏幕分辨率大于1200px的设备，称为大屏幕，如大桌面显示器。

通过上述步骤，获取目标设备的目标尺寸信息，直接从层叠样式表中配置的预设的设备尺寸信息与设备类型之间的对应关系确定目标设备的目标设备类型，再根据目标设备类型控制目标页面的显示，利用了层叠样式表的媒体查询特征，使得获取设备类型更加方便、灵活，减少了系统的损耗，因此，提高了对页面显示进行控制时的控制效率，从而解决了相关技术中对页面显示进行控制时控制效率较低的问题。

可选地，上述目标尺寸信息可以但不限于通过创建并插入到目标页面中的的状态指示元素获取。例如：在上述步骤s202之前，可以创建状态指示元素，其中，状态指示元素用于指示设备的尺寸信息，再将状态指示元素插入目标页面。在上述步骤s202中，可以获取目标设备对应的目标状态指示元素，其中，目标状态指示元素用于指示目标设备的目标尺寸信息。

可选地，可以但不限于通过以下方式创建状态指示元素：将指示器定义为目标元素，其中，指示器用于检测设备的屏幕尺寸，尺寸信息包括屏幕尺寸，为目标元素配置状态指示元素标识，得到状态指示元素，其中，状态指示元素标识用于唯一标识该目标元素，将得到的状态指示元素的页面显示属性设置为隐藏。

可选地，在本实施例中，上述目标元素可以但不限于为div元素。

可选地，在本实施例中，可以通过设置目标元素在屏幕上的显示位置以及显示范围使得指示器能够检测到设备整个屏幕的尺寸。

可选地，在本实施例中，为了不影响当前页面上其他信息的正常显示，上述目标元素在屏幕上显示的堆叠顺序的优先级可以但不限于被设置为较低的优先级或者被设置在页面的最底层，并可以将其显示属性设置为隐藏。

在一个可选实施方式中，可以通过定义指示器的方式创建状态指示元素。指示器在本实施例中可以用于指示当前设备的尺寸信息。在web应用中通常定义为一个元素，也称为状态指示元素。

创建状态指示元素的代码如下：

//1)创建一个div元素，用于作为状态指示元素

varindicator＝document.createelement('div')；

//2)为当前状态指示元素定义一个唯一标识符，用于后续获取该元素

indicator.id＝'device-state-indicator'；

//3)为了不影响当前页面上其他正常信息的显示，在页面中隐藏该元素

indicator.style.position＝'absolute'；

indicator.style.top＝'-999em'；

indicator.style.left＝'-999em'；

indicator.style.zindex＝'-999'；

indicator.style.visibility＝'hidden'；

//4)将该状态指示元素插入当前目标页面

document.body.appendchild(indicator)；

可选地，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系，可以从其中查找到目标尺寸信息对应的目标设备类型。例如：在上述步骤s204中，可以从层叠样式表的媒体查询特性中获取预设的设备尺寸信息与设备类型之间的对应关系，再从预设的设备尺寸信息与设备类型之间的对应关系中查找目标尺寸信息对应的目标设备类型。

在一个可选的实施方式中，可以基于css3媒体查询定义设备信息，得到上述预设的设备尺寸信息与设备类型之间的对应关系。在css3中定义设备尺寸信息时，不同的业务对不同的设备尺寸定义不同，可根据具体的业务需求进行适当调整，在此仅以bootstrap定义的设备的尺寸为标准进行说明，具体代码如下。

可选地，在确定了目标设备类型之后，可以根据目标设备类型对应的页面显示信息，显示参数等等对目标页面进行渲染和显示。例如：在上述步骤s206中，可以根据目标设备类型查找与目标设备类型对应的显示参数，其中，显示参数用于指示目标页面在目标设备上的显示属性，再根据显示参数在目标设备上显示目标页面。

在一个可选的实施方式中，获取到目标设备类型后，可以根据目标设备类型执行具体的业务逻辑，代码如下：

实施例2

在本实施例中还提供了一种页面显示控制装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图3是根据本发明实施例的一种页面显示控制装置的结构框图一，如图3所示，该装置包括：

获取模块32，用于获取目标设备的目标尺寸信息，其中，目标设备用于显示目标页面；

确定模块34，耦合至获取模块32，用于根据目标尺寸信息从层叠样式表中确定目标尺寸信息对应的目标设备类型，其中，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；

控制模块36，耦合至确定模块34，用于根据目标设备类型控制目标页面在目标设备上显示。

可选地，上述页面显示控制装置可以但不限于应用于对页面的显示进行控制的场景中。例如：利用javacript代码逻辑对页面的显示进行控制的场景。

可选地，上述页面显示控制装置可以但不限于应用于终端设备，例如：手机、平板电脑、pc计算机、笔记本电脑、智能穿戴设备、智能家居设备等等。

可选地，在本实施例中，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系，可以但不限于使用层叠样式表的媒体查询特征配置上述预设的设备尺寸信息与设备类型之间的对应关系。例如：可以基于css3的媒体查询特征@media特性。媒体查询可以获取渲染网页的设备相关信息，比如当前设备的尺寸、横屏还是竖屏等。css3支持媒体查询特性(@media特性)，可以针对特定尺寸的设备编写不同的样式。

可选地，在本实施例中，基于css3的媒体查询功能，可以将当前设备信息从css中读取到javascript中，方便快捷，同时由于现代浏览器本身对css3媒体查询的支持，所以对系统性能上也有提高。

需要说明的是，在不同应用场景下对设备尺寸的定义可以不尽相同，通过本实施例提供的页面显示的控制装置均可以达到在javascript中获取设备信息的目的。

可选地，在本实施例中，设备类型可以但不限于是按照设备屏幕尺寸划分的设备类型，比如：小屏幕设备、大屏幕设备、超大屏幕设备等等。也可以但不限于获取不同终端设备的型号，如iphone4、5、6等设备信息的获取。

可选地，在本实施例中，以bootstrap定义的尺寸规范进行说明。一般来讲，在渲染页面时主要关心当前页面渲染的设备尺寸信息，根据bootstrap设计规范的定义，定义了以下尺寸：

1、屏幕分辨率小于768px的设备称为超小屏幕，如手机。

2、屏幕分辨率大于768px并且小于992px的设备，称为小屏幕，如平板。

3、屏幕分辨率大于992px并且小于1200px的设备，称为中等屏幕，如桌面显示器。

4、屏幕分辨率大于1200px的设备，称为大屏幕，如大桌面显示器。

通过上述装置，获取目标设备的目标尺寸信息，直接从层叠样式表中配置的预设的设备尺寸信息与设备类型之间的对应关系确定目标设备的目标设备类型，再根据目标设备类型控制目标页面的显示，利用了层叠样式表的媒体查询特征，使得获取设备类型更加方便、灵活，减少了系统的损耗，因此，提高了对页面显示进行控制时的控制效率，从而解决了相关技术中对页面显示进行控制时控制效率较低的问题。

图4是根据本发明实施例的一种页面显示控制装置的结构框图二，如图4所示，可选地，上述装置还包括：

创建模块42，用于创建状态指示元素，其中，状态指示元素用于指示设备的尺寸信息；

插入模块44，耦合至创建模块42和获取模块32之间，用于将状态指示元素插入目标页面。

可选地，上述获取模块32用于：获取目标设备对应的目标状态指示元素，其中，目标状态指示元素用于指示目标设备的目标尺寸信息。

可选地，上述创建模块42用于：将指示器定义为目标元素，其中，指示器用于检测设备的屏幕尺寸，尺寸信息包括屏幕尺寸；为目标元素配置状态指示元素标识，得到状态指示元素，其中，状态指示元素标识用于唯一标识目标元素；将状态指示元素的页面显示属性设置为隐藏。

可选地，上述目标尺寸信息可以但不限于通过创建并插入到目标页面中的状态指示元素获取。

可选地，在本实施例中，上述目标元素可以但不限于为div元素。

可选地，在本实施例中，可以通过设置目标元素在屏幕上的显示位置以及显示范围使得指示器能够检测到设备整个屏幕的尺寸。

可选地，在本实施例中，为了不影响当前页面上其他信息的正常显示，上述目标元素在屏幕上显示的堆叠顺序的优先级可以但不限于被设置为较低的优先级或者被设置在页面的最底层，并可以将其显示属性设置为隐藏。

在一个可选实施方式中，可以通过定义指示器的方式创建状态指示元素。指示器在本实施例中可以用于指示当前设备的尺寸信息。在web应用中通常定义为一个元素，也称为状态指示元素。

创建状态指示元素的代码如下：

//1)创建一个div元素，用于作为状态指示元素

varindicator＝document.createelement('div')；

//2)为当前状态指示元素定义一个唯一标识符，用于后续获取该元素

indicator.id＝'device-state-indicator'；

//3)为了不影响当前页面上其他正常信息的显示，在页面中隐藏该元素

indicator.style.position＝'absolute'；

indicator.style.top＝'-999em'；

indicator.style.left＝'-999em'；

indicator.style.zindex＝'-999'；

indicator.style.visibility＝'hidden'；

//4)将该状态指示元素插入当前目标页面

document.body.appendchild(indicator)；

图5是根据本发明实施例的一种页面显示控制装置的结构框图三，如图5所示，可选地，上述确定模块34包括：

获取单元52，用于从层叠样式表的媒体查询特性中获取预设的设备尺寸信息与设备类型之间的对应关系；

第一查找单元54，耦合至获取单元52，用于从预设的设备尺寸信息与设备类型之间的对应关系中查找目标尺寸信息对应的目标设备类型。

可选地，层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系，可以从其中查找到目标尺寸信息对应的目标设备类型。

在一个可选的实施方式中，可以基于css3媒体查询定义设备信息，得到上述预设的设备尺寸信息与设备类型之间的对应关系。在css3中定义设备尺寸信息时，不同的业务对不同的设备尺寸定义不同，可根据具体的业务需求进行适当调整，在此仅以bootstrap定义的设备的尺寸为标准进行说明，具体代码如下。

图6是根据本发明实施例的一种页面显示控制装置的结构框图四，如图6所示，可选地，上述控制模块36包括：

第二查找单元62，用于根据目标设备类型查找与目标设备类型对应的显示参数，其中，显示参数用于指示目标页面在目标设备上的显示属性；

显示单元64，耦合至第二查找单元62，用于根据显示参数在目标设备上显示目标页面。

可选地，在确定了目标设备类型之后，可以根据目标设备类型对应的页面显示信息，显示参数等等对目标页面进行渲染和显示。

在一个可选的实施方式中，获取到目标设备类型后，可以根据目标设备类型执行具体的业务逻辑，代码如下：

需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述模块分别位于多个处理器中。

下面结合本发明优选实施例进行详细说明。

本发明优选实施例提供了一种基于css3的媒体查询功能的页面显示控制方法，将当前设备信息从css中读取到javascript中，方便快捷，同时由于现代浏览器本身对css3媒体查询的支持，所以性能上也有提高。该方法包括如下步骤：

步骤一，定义指示器。

指示器在本专利中是用于指示当前设备尺寸信息的。在web应用中通常定义为一个元素，也称为状态指示元素。

步骤二，基于css3媒体查询定义设备尺寸信息(相当于上述预设的设备尺寸信息与设备类型之间的对应关系)。

在css3中定义设备尺寸信息，不同的业务对不同的设备尺寸定义不同，可根据具体的业务需求进行适当调整。

步骤三，在javascript中获取设备尺寸信息并应用。

首先是在javascript代码中获取设备尺寸信息，具体代码如下：

获取到设备尺寸信息后，可以根据设备尺寸信息执行具体的业务逻辑，比如：

在实际的应用场景中，可以将上述方法进行扩展来达到更多的应用目的。比如根据视觉设计规范，在设备屏幕分辨率为1366像素及以下设备中，网页字体显示为12px比较合适，而在大于1366像素分辨率的屏幕上14px的字体会比较合适，可以获取设备的分辨率，根据分辨率动态调整整个网页的字体大小。

屏幕分辨率的计算公式可以为：屏幕分辨率＝设备显示器宽度×设备像素比。

在本可选实施例中，首先可以获取当前设备的设备像素比。css3媒体查询有一个参数为：-webkit-device-pixel-ratio用于指示当前设备的设备像素比。可以借鉴上述步骤来定义设备像素比信息，并在javascript代码中获取该信息，从而计算出当前的屏幕分辨率，举个例子如下：

这样就可以通过css传递设备信息，并在代码中获取该信息用于计算当前屏幕的分辨率了。

需要说明的是，这里只是举例说明，通过css的媒体查询功能，可以将媒体信息输送到javascript中，其应用场景并不局限于上述实施例和可选实施例中所描述的例子。另外还可以结合实际开发中所采用的web框架，可以达到更多的功能，比如在基于angular.js的应用中，可以结合angular的监听机制，在javascript代码中实时监听css媒体信息，用于实时动态调整一些参数信息，以达到业务应用的目的。

综上所述，本可选实施例提供的一种通过css3媒体查询来实现javascript媒体查询功能从控制页面显示的方法，将css3对设备的捕捉能力通过一定的手段反射到javascript中，达到在javascript中判断设备尺寸信息的目的。

以上实施例仅用以说明本发明的技术方案而非对其进行限制，本领域的普通技术人员可以对本发明的技术方案进行修改或者等同替换，而不脱离本发明的精神和范围，本发明的保护范围应以权利要求所述为准。

实施例3

本发明的实施例还提供了一种存储介质，该存储介质包括存储的程序，其中，上述程序运行时执行上述任一项所述的方法。

可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的程序代码：

s1，获取目标设备的目标尺寸信息，其中，所述目标设备用于显示目标页面；

s2，根据所述目标尺寸信息从层叠样式表中确定所述目标尺寸信息对应的目标设备类型，其中，所述层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；

s3，根据所述目标设备类型控制所述目标页面在所述目标设备上显示。

可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(read-onlymemory，简称为rom)、随机存取存储器(randomaccessmemory，简称为ram)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本发明的实施例还提供了一种处理器，该处理器用于运行程序，其中，该程序运行时执行上述任一项方法中的步骤。

可选地，在本实施例中，上述程序用于执行以下步骤：

s1，获取目标设备的目标尺寸信息，其中，所述目标设备用于显示目标页面；

s2，根据所述目标尺寸信息从层叠样式表中确定所述目标尺寸信息对应的目标设备类型，其中，所述层叠样式表中配置了预设的设备尺寸信息与设备类型之间的对应关系；

s3，根据所述目标设备类型控制所述目标页面在所述目标设备上显示。

可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。