CN109033100A - 提供页面内容的方法及装置 - Google Patents

Abstract

本申请实施例公开了提供页面内容的方法及装置，其中，所述方法包括：客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。通过本申请实施例，能够降低由于用户姿势的变化对页面浏览造成的影响。

Description

提供页面内容的方法及装置

技术领域

本申请涉及页面内容展示技术领域，特别是涉及提供页面内容的方法及装置。

背景技术

在移动终端设备的网页浏览器(独立的浏览器，或者内置于应用程序内的浏览器)中，deviceorientation事件可以提供alpha，beta，gamma三个欧拉角数据，用来描述当前移动终端设备的旋转状态。其中，

alpha，是设备指示的方向，根据指南针的设定情况而定；

beta，设备绕x轴旋转的角度，也即设备上下翻转的角度；

gamma，设备绕y轴旋转的角度，也即设备左右翻转的角度。

其中，x轴、y轴可以是移动终端设备自身的坐标系，可以参见图1所示。

由于浏览器可以获得移动终端设备中的旋转状态数据，因此，可以应用到很多场景中。例如，其中一种场景可以是，在网络销售平台的客户端中，可以提供一种横向条幅样式的页面，所谓横向条幅是指，页面内容在纵向上(y轴方向上)可以在同一屏内展示完整，但是，在横向上(x轴方向上)，则需要通过多屏才能展示完整。在传统的方式下，需要用户通过左右滑动屏幕的方式，对页面横向的内容进行查看，而在可以获得终端设备旋转状态信息的情况下，用户则可以通过旋转移动终端设备的方式，来查看完整的横向内容。例如，假设初始状态下，用户手持手机，手机屏幕面向用户，且垂直于地面，则用户可以左右翻转手机，也即，将设备绕y轴旋转，页面中内容就可以随之向右或者向左移动。

上述方式改变了传统的浏览方式，使得用户可以通过更方便的方式进行页面内容的完整浏览，但是，现有技术在实现上述浏览方式时，还存在一些缺陷，例如，用户在上下翻转移动终端设备时，也会造成页面内容的左右移动，在很多情况下，这是用户不希望看到的。因此，如何弥补上述缺陷，成为需要本领域技术人员解决的技术问题。

发明内容

本申请提供了提供页面内容的方法及装置，能够降低由于用户姿势的变化对页面浏览造成的影响。

本申请提供了如下方案：

一种提供页面内容的方法，包括：

客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

一种提供页面内容的方法，包括：

服务端接收客户端的页面访问请求；

向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

一种确定终端设备旋转方向信息的方法，包括：

接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

检测操作系统的终端设备方向变化事件；

将所述指定旋转角度的数值确定为所述对应的固定值；

根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

一种提供页面内容的装置，应用于客户端，包括：

页面内容获得单元，用于获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

页面内容展示单元，用于根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

一种提供页面内容的装置，应用于服务端，包括：

请求接收单元，用于接收客户端的页面访问请求；

页面内容提供单元，用于向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

一种确定终端设备旋转方向信息的装置，包括：

配置信息接收单元，用于接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

事件检测单元，用于检测操作系统的终端设备方向变化事件；

数值确定单元，用于将所述指定旋转角度的数值确定为所述对应的固定值；

方向信息确定单元，用于根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

一种电子设备，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

根据本申请提供的具体实施例，本申请公开了以下技术效果：

通过本申请实施例，对于在终端设备显示屏的第一维度方向上具有多屏页面内容的页面，可以实现当终端设备绕第一轴或者第二轴旋转时，第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。这样，当用户在浏览页面的过程中，如果由于发生改变坐姿，或者由坐姿改为卧姿等情况，而导致终端设备绕第三轴旋转(例如，上下翻转等)时，页面内容不会发生左右移动，因此，可以降低由于用户姿势的变化对页面浏览造成的影响。

另外，在优选的实施方式中，为了将用户对终端设备的翻转操作限制在某个二维平面内，可以将该平面垂直方向的旋转角度设定为一个固定不变的值，在确定终端设备旋转状态的过程中，该旋转角度始终用该固定不变的值进行计算，其他两个旋转角度则利用传感器的实际感应结果进行计算，以此实现在该二维平面内绝对指向的精确计算。进而可以利用计算结果确定页面内容在显示屏内的移动方式。通过这种方式，可以更好的实现移动终端绕着第三轴旋转时，不会触发页面内容的左右移动，并且，在特定状态下，绕着第二轴旋转时，也能触发页面的左右移动。另外，在绕着第一轴旋转的过程中，即使向左或者向右旋转到87度以上，也能够转换为连续的世界向量，因此，实现对页面内容的完成展示，避免造成对页面资源的浪费。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

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

图1是终端设备坐标系示意图；

图2-1至2-5是本申请实施例提供的页面内容展示方式示意图；

图3是本申请实施例提供的第一方法的流程图；

图4是本申请实施例提供的第二方法的流程图；

图5是本申请实施例提供的第三方法的流程图；

图6是本申请实施例提供的第一装置的示意图；

图7是本申请实施例提供的第二装置的示意图；

图8是本申请实施例提供的第三装置的示意图；

图9是本申请实施例提供的电子设备的示意图。

具体实施方式

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

为了便于理解本申请实施例提供的技术方案，下面首先结合附图，对本申请实施例的一个主要应用场景进行介绍，也即通过左右翻转移动终端设备的方式进行横向条幅式页面的浏览。首先参见图2-1，假设P点为用户所在的位置，A1、A2、A3为移动终端设备的三种旋转状态。其中，在初始状态下，移动终端设备相对于所在空间的位置可以A1状态所示，此时，移动终端设备的屏幕可以是面向用户，且屏幕所在的平面垂直于地面，页面内容的展示状态可以如图2-2所示。如果在此状态下，用户将终端设备沿着y轴向右翻转至图2-1中A2所示的状态，此时，移动终端设备的屏幕仍然可以是面向用户(用户可以随着移动终端设备的翻转转动身体或者头部)，且屏幕所在的平面垂直于地面，页面内容的展示状态可以如图2-3所示。为了便于对比，可以取图2-2中的201所示的部分页面内容作为参照，可见，在移动终端设备转动到A1所示的状态时，屏幕中显示的页面内容已经发生了移动，取作参照物的部分已经移动到了图2-3的202所示的位置，页面右侧之前未展示的内容进入到了屏幕展示范围，图2-2中左侧的部分内容已经移出屏幕展示范围。

类似的，假设在图2-1中A1所示的初始状态下将移动终端设备向左翻转至A3所示的状态，则初始状态下的页面展示情况可以如图2-4所示(与2-2是相同的，只是在翻转方向示意上有所不同)，在翻转至A3所示的状态后，屏幕中的页面展示情况可以如图2-5所示。同样以图2-4中的203所示的内容作为参照，可见，在图2-5中，这部分内容已经移动至204所示的位置，并且，页面左侧之前尚未展示的部分内容进入到屏幕展示范围，图2-4中页面右侧的部分内容已经被移出屏幕展示范围。

可见，在上述实现方案中，实际上将用户对移动终端设备的操作限制在一个二维的平面内，也即，移动终端设备只能进行左右翻转，而不能进行上下翻转，假设用户能够严格按照上述规范进行操作，则理论上可以获得较佳的页面展示效果。但是，这种假设在实际应用中是不能成立的，要限制用户在某二维平面上对移动终端设备进行翻转操作是十分困难的，而且实际上也不能进行这种限制，因为不能要求用户在浏览过程中始终保持一个姿势不动，不能从坐姿改为站姿，或者从坐姿改为卧姿，等等，这显然都是对用户不够友好的；并且，在实际应用中，用户姿势的改变通常是难以避免的。另外，现有的终端设备中的传感器灵敏度越来越高，用户在某个方向上对终端设备的轻微一点晃动，都能够被传感器检测到，并反映到欧拉角(当然，在实际应用中，也可以使用其他方式命名的角度，本申请实施例中统称为旋转角度)的变化上，因此，即使对用户进行了上述种种限制，也不可能保证用户的手不发生轻微的晃动。上述现象的存在，导致现有技术中的用户执行移动终端设备翻转的过程中，经常出现一些预期之外的现象。例如，用户在对移动终端设备进行上下翻转时，屏幕中的页面内容也发生左右移动。而理想的状态应该是，如果用户将移动终端设备执行了上下翻转，也即绕x轴旋转，则最好是不会触发页面内容的左右移动。例如，用户在查看页面的过程中，可能会从坐立的姿势变为躺下的姿势，或者，从躺着的姿势变为坐立姿势，在此过程中，通常会不可避免的造成对手机的上下翻转，在这种情况下，如果用户没有执行左右翻转的操作，则最好是能够将屏幕中展示的页面内容保持不变，在用户实际执行了左右翻转操作时，再进行页面内容的移动，否则可能会影响用户的浏览。

再者，即使对用户的操作方式进行了严格限制，用户也按照上述限制做到了严格执行，现有技术中的实际展示效果也存在一些缺陷，主要体现在：在将手机向左或者向右翻转至87度左右以后，页面内容就不再向右或者向左移动，也就是说，即使已经向手机向左或者向右翻转至90度，但是，页面内容仅展示到翻转至87度左右时的状态，页面最左侧以及最右侧的部分内容无法实际呈现给用户。而理想的状态应该是：在将手机向左翻转至90度时，可以看到页面最右侧的内容，向右翻转至90度时，可以看到页面最左侧的内容，避免设计师已经在页面内设计的内容无法实际展示给用户，造成资源的浪费。

另外，现有技术中还存在一个现象是，如果将页面移动条件设定为，终端设备屏幕所在平面垂直于地面的状态下进行左右旋转时，页面内容进行左右移动，则在终端设备被水平放置在桌子等平行于地面的平面上时，如果对终端设备绕着z轴进行旋转，并且旋转过程中，终端设备始终与地面平行，则屏幕中的页面内容是不会发生移动的，这也是不希望出现的情况。而理想的状态应该是，在终端设备屏幕所在的平面始终平行于地面(也即，y轴相对于初始状态翻转90度后)的状态下，在将终端设备绕着z轴进行旋转时，也可以触发屏幕中展示的页面内容的左右移动。

本申请发明人在实现本申请的过程中发现，现有技术中之所以存在上述种种缺陷，主要原因是，现有技术中是直接利用终端设备中的传感器检测到的各个旋转角度对终端设备的旋转状态进行计算，这实际上是为三维世界转换提供的解决方案，并没有提供任意二维平面的控制方法，因此，会导致即使上下翻转，也可能会识别为存在左右翻转，并导致屏幕内展示的页面也会发生左右移动。另外，由于三维世界的转换通常对终端设备具体处于什么位置并没有精确性的要求，因此，在其方案中，终端设备向左或者向右87度至90度角的旋转过程反应在世界向量的x轴和z轴数值中一般是不变的，甚至是不连续的，这也就导致现有技术中无法对页面内容中最左侧以及最右侧的部分内容进行完整展示。再者，直接使用终端设备中的传感器检测到的各个旋转角度对终端设备的旋转状态进行计算的过程，如果在旋转过程中，将终端设备在y轴方向上翻转了90度，也即，使得屏幕平面与地面平行，则会出现万向节锁的现象，丢失掉一个自由度，以至于无论如何旋转终端设备，屏幕中展示的页面内容都不会发生移动。

基于上述分析，本申请实施例提供了相应的解决方案，也即，如果需要将用户对终端设备的翻转操作限制在某个二维平面内，则可以将该平面垂直方向的旋转角度设定为一个固定不变的值，在确定终端设备旋转状态的过程中，该旋转角度始终用该固定不变的值进行计算，其他两个旋转角度则利用传感器的实际感应结果进行计算，以此实现在该二维平面内的精确计算，这样，就可以解决前述存在的各种缺陷。

例如，在前述例子中，如果在终端设备屏幕所在的平面垂直于地面的状态下，将终端设备沿着y轴进行左右翻转，或者，在终端设备屏幕所在的平面平行于地面的状态下，沿着z轴对终端设备进行旋转，都可以触发屏幕内页面内容的左右移动，此时，相当于将用户对终端设备的翻转或旋转操作限制在y轴与z轴组成的二维平面内，此时，该平面垂直方向的旋转角度也就是设备绕x轴旋转的角度beta，可以将该beta的值固定设置为90度。这样，无论用户在翻转终端设备的过程中，是否执行了绕着x轴的翻转，也即上下翻转，对于浏览器而言，都可以做到不感知这种翻转行为，始终认为终端设备绕x轴旋转的角度为90度，这样，只要根据感知到的alpha和/或gamma的角度变化，对页面内容进行左右移动即可。这样，如果用户仅对设备执行了上下翻转，就不会再引起页面内容的移动。并且，经测试发现，在将beta的值固定设置为90度的情况下，向左或向右87度至90度角的旋转过程反应在世界向量的x轴和z轴数值是精确变化且连续的，这也就使得页面内容得以完整呈现。再者，由于将beta的值固定设置为90度，即使终端设备屏幕所在的平面平行于地面，浏览器也会认为是垂直于地面的，因此，不会出现万向节锁的现象，因此，绕着z轴对终端设备的旋转操作，也可以触发页面内容在屏幕内的移动。

需要说明的是，以上所述均是在“通过左右翻转移动终端设备的方式进行横向条幅式页面的浏览”这一场景下，对具体的实现方案进行的介绍，而在其他场景中，根据对移动终端在移动方式方面的要求的不同，还可以对其他的旋转角度进行限制。例如，假设某场景下，要求“通过上下翻转移动终端设备的方式进行纵向长页面的浏览”，则可以将gamma的值固定设为90度。甚至，还可以通过固定设置其中两个旋转角度的方式，将移动终端设备的运动方式限制在某个方向上，例如，通过将alpha、beta这两个旋转角度的值固定，则可以使得浏览器仅感知终端设备在绕y轴的旋转；再甚至，还可以固定设置全部三个旋转角度的值，使得移动终端设备固定不动，也就是，无论移动终端设备如何旋转，浏览器都可以不感知，等等。

另外，具体在某个或者某几个旋转角度的值设为固定值时，该固定值的大小也可以根据实际的需求而定。例如，在前述例子中是将beta固定设置为90度，而在其他的实现方式下，也可以固定设置为0度，或者45度，等等，该数值的不同，只会使得默认世界向量的值会有所不同，只要对后续的控制逻辑进行相应调整即可。例如，在将beta固定设置为90度时，默认世界向量是(0，0，-1)，也即默认为用户将手机屏幕所在平面垂直于地面，而在将beta固定设置为0度时，默认世界向量是(0，-1，0)，也即默认为用户将手机屏幕平行于地面，等等。

也就是说，在本申请实施例中，提供了限制任何平面、任何方向移动或不动的能力(旋转角度一共3项，固定其中某一个则能限制在某平面移动，固定其中2个则可以限制在一个方向移动，3个都固定则可以限制终端设备不动)，从而精确获取某平面或方向上移动状态下的世界向量数据，并提供给具体的外部应用使用。

下面从多个不同的角度，对本申请实施例提供的方案的具体实施方式进行详细介绍。

实施例一

在该实施例一中，是针对前述的页面内容展现方面的应用场景，提供了一种提供页面内容的方法，参见图3，该方法具体可以包括：

S301：客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

S302：根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

其中，客户端可以是指销售平台为消费者用户提供的应用程序客户端，等等。具体实现时，用户可以通过客户端发起页面访问，相应的，客户端可以从服务端获得相应的待展示页面的页面内容，当然，在某些情况下，客户端也可以从本地缓存中获得待展示页面的页面内容。

在本申请实施例中，这种待展示页面具有以下特点：首先，在第一维度方向上具有多屏页面内容，另外，在一种特殊情况下，第二维度方向上还可以具有单屏页面内容。例如，第一维度方向可以是指终端设备显示屏的第一维度为显示屏的横向维度，也即图1所示的x轴方向，第二维度方向则是指终端设备显示屏的第一维度为显示屏的纵向维度，也即图1所示的y轴方向。所谓的多屏内容，也即无法同时在同一屏内进行展示，在传统方式下，需要用户左右滑动屏幕进行浏览，而在本申请实施例中，用户可以通过左右翻转终端设备的方式进行浏览。相应的，第二维度方向的单屏页面内容是指，在第二维度方向上，只有一屏的页面内容，例如，在y轴方向上，全部的页面内容都可以在同一屏内展示，也即，用户不再需要上下滑动屏幕，或者上下翻转终端设备。

关于页面内容的展示条件，可以根据上述页面的特点，设定为当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。其中，第一轴、第二轴以及第三轴分别具体是哪个轴，可以是根据页面内第一维度方向以及第二维度方向上的页面内容特点而定。例如，如果页面内容在x轴方向上具有多屏，也即是横向调幅样式的版本方式，则第一轴可以是y轴，也即显示屏所在平面内的纵向轴，第二轴可以是z轴，也即显示屏所在平面垂直方向的轴。第三轴则可以是x轴，也即也即显示屏所在平面内的横向轴。也就是说，可以将页面的展示条件限制为，当终端设备仅绕着x轴旋转，也即上下翻转时，可以不触发页面内容在显示屏内的左右移动。只有在终端设备绕着y轴左右翻转，或者，在终端设备平行于地面放置时，绕着z轴旋转，才可以触发页面内容在显示屏内的左右移动。

需要说明的是，在实际应用中，虽然绕着第一轴以及第二轴旋转时，都可以触发页面内容的移动，但是，还可以对移动的条件进行进一步的限制，例如，需要中终端设备显示屏所在的平面平行于地面放置时，绕着z轴旋转，才会触发页面内容在显示屏内的左右移动。也就是说，在终端设备显示屏所在平面垂直于地面，或者与地面呈其他非零的角度时，都是通过绕着y轴旋转终端设备时，来触发页面内容的左右移动，只有当终端设备被放置在桌面等状态下，才可以通过绕着z轴的旋转，来触发页面内容的左右移动。

在优选的实施方式中，为了将用户对终端设备的翻转操作限制在某个二维平面内，具体在根据所述终端设备的旋转状态，展示所述页面内容时，可以包括：

检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值；然后，根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

通常，检测操作系统事件的操作可以由浏览器完成，而在本申请实施例中，浏览器可以内置在客户端中，因此，相关的操作也可以看作是由客户端来完成的。

在检测到操作系统的终端设备方向变化事件时，操作系统通常会在事件中提供三个旋转角度的数值，这些数值都是根据终端设备中内置的陀螺仪、加速度传感器等感应器的检测数据获得的。在现有技术中，是直接利用操作系统提供的各个旋转角度计算终端设备的绝对指向，而在本申请实施例中，则可以将绕第三轴旋转的旋转角度的数值设为固定的值。也就是说，对于绕第三轴旋转的旋转角度，其中数值不再从操作系统提供的信息之获取，而是固定设置一个数值，例如，可以是90度，等等。而绕第一轴以及第二轴旋转的旋转角度的数值则可以仍然从操作系统提供的信息中获得。这样，对于浏览器或者客户端而言，终端设备绕第三轴旋转这一事件可以是不被感知的，只需要感知绕第一轴以及第二轴旋转的旋转角度信息即可。

在从操作系统提供的信息中获得了绕第一轴以及第二轴旋转的旋转角度的数值，并根据预先设置的固定值确定了绕第三轴旋转的旋转角度的数值后，就可以根据这些数值，确定出终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向。由于已经将绕第三轴旋转的旋转角度的数值固定，因此，终端设备在该二维平面内的绝对指向信息将会是精确的，并且，即使向左或者向右翻转至87度以上，转换成世界向量也可以连续的，能够对实际的翻转角度进行精确描述。这样，就可以根据通过这种方式确定出的终端设备的绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式，包括是向左移动还是向右移动，以及具体移动的距离，等等。

其中，具体在确定终端设备在该二维平面内的绝对指向时，可以首先根据确定出的各旋转角度的数值计算四元数，然后根据所述四元数将默认世界向量转换为当前世界向量，再根据所述世界向量以及所述绕第三轴旋转的旋转角度对应的固定值，确定所述终端设备投射到所述二维平面内的水平向量分量，以此作为所述绝对指向。

其中，关于旋转角度与四元数之间的转换，以及世界向量的转换，等等，都可以参见已有技术中的实现，这里不再赘述。需要说明的是，具体计算上述绝对指向的方法可以不限于以上方式，例如，还可以不进行四元数转换，等等。

总之，通过本申请实施例，对于在终端设备显示屏的第一维度方向上具有多屏页面内容的页面，可以实现当终端设备绕第一轴或者第二轴旋转时，第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。这样，当用户在浏览页面的过程中，如果由于发生改变坐姿，或者由坐姿改为卧姿等情况，而导致终端设备绕第三轴旋转(例如，上下翻转等)，页面内容不会发生左右移动，因此，可以避免对用户的正常浏览造成影响。

另外，在优选的实施方式中，为了将用户对终端设备的翻转操作限制在某个二维平面内，可以将该平面垂直方向的旋转角度设定为一个固定不变的值，在确定终端设备旋转状态的过程中，该旋转角度始终用该固定不变的值进行计算，其他两个旋转角度则利用传感器的实际感应结果进行计算，以此实现在该二维平面内绝对指向的精确计算。进而可以利用计算结果确定页面内容在显示屏内的移动方式。通过这种方式，可以实现移动终端绕着第三轴旋转时，不会触发页面内容的左右移动，并且，在特定状态下，绕着第二轴旋转时，也能触发页面的左右移动。另外，在绕着第一轴旋转的过程中，即使向左或者向右旋转到87度以上，也能够转换为连续的世界向量，因此，实现对页面内容的完成展示，避免造成对页面资源的浪费。

实施例二

该实施例二是与实施例一相对应的，从服务端的角度，提供了一种提供页面内容的方法，参见图4，该方法具体可以包括：

S401：服务端接收客户端的页面访问请求；

S402：向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

其中，在优选的实施方式中，所述客户端在展示所述页面内容的过程中，检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值，根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

实施例三

在该实施例三中，可以从浏览器的角度，提供了一种确定终端设备旋转方向信息的方法，此时，浏览器作为一种底层模块，可以为上层应用提供相应的数据支持，并且，在该实施例三中，对具体的上层应用的功能不进行限定，只要上层应用具有根据终端设备的旋转状态进行相应处理的需求，并且，需要将用户操作限制在某个二维平面内或者某个方向上，都可以通过本申请实施例提供的方案来实现。具体的，参见图5，该方法具体可以包括：

S501：接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

由于具体的需求以及应用场景是由上层应用确定的，因此，到底是需要将用户操作限制在某个二维平面内，还是限制在某个方向上，以及具体限制在哪个平面内以及哪个方向上，都可以是由上层应用来决定。因此，在具体实现时，可以由上层应用向底层的浏览器提供配置信息，在配置信息中可以对需要固定的旋转角度，以及具体固定的值进行配置，这样，浏览器就可以按照这种配置信息对终端设备的旋转状态信息进行确定。

S502：检测操作系统的终端设备方向变化事件；

浏览器可以监听操作系统的事件。

S503：将所述指定旋转角度的数值确定为所述对应的固定值；

在监听到绝缘体的方向变化事件时，首先可以根据上层应用的配置信息，将指定旋转角度的数值确定为所述对应的固定值，然后，其他的旋转角度则可以从操作系统提供的信息中获得。

S504：根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

在根据上述确定出的旋转角度的数值，确定出终端设备的旋转方向信息后，就可以提供给所述上层应用使用。

其中，如果所述配置信息中将一个指定旋转角度的数值固定，则可以根据确定出的各个旋转角度的数值，确定所述终端设备在预置的二维平面内的绝对指向信息。

如果所述配置信息中将两个指定旋转角度的数值固定，则可以根据确定出的各个旋转角度的数值，确定所述终端设备在预置维度方向上的运动信息。

关于上述实施例二以及实施例三，各步骤的具体实现可以参见前述各部分的记载，这里不再赘述。

与实施例一相对应，本申请实施例还提供了一种提供页面内容的装置，参见图6，该装置应用于客户端，具体可以包括：

页面内容获得单元601，用于获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

页面内容展示单元602，用于根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

其中，所述页面在终端设备显示屏的第二维度上具有单屏页面内容。

具体实现时，所述页面内容展示单元具体可以包括：

旋转角度数值确定子单元，用于检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值；

绝对指向确定子单元，用于根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

其中，所述终端设备显示屏的第一维度为显示屏的横向维度，所述第一轴为显示屏所在平面内的纵向轴，第二轴为显示屏所在平面垂直方向的轴，第三轴为显示屏所在平面内的横向轴。

在一种情况下，所述预置的固定值可以为90度。

具体实现时，所述旋转角度可以包括欧拉角，所述绝对指向确定子单元具体可以包括：

四元数计算子单元，用于根据确定出的各欧拉角的数值计算四元数；

世界向量转换子单元，用于根据所述四元数将默认世界向量转换为当前世界向量；

水平向量分量确定子单元，用于根据所述世界向量以及所述绕第三轴旋转的欧拉角对应的固定值，确定所述终端设备投射到所述二维平面内的水平向量分量。

与实施例二相对应，本申请实施例还提供了一种提供页面内容的装置，参见图7，该装置应用于服务端，包括：

请求接收单元701，用于接收客户端的页面访问请求；

页面内容提供单元702，用于向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

其中，所述客户端在展示所述页面内容的过程中，检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值，根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

与实施例三相对应，本申请实施例还提供了一种确定终端设备旋转方向信息的装置，参见图8，该装置具体可以包括：

配置信息接收单元801，用于接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

事件检测单元802，用于检测操作系统的终端设备方向变化事件；

数值确定单元803，用于将所述指定旋转角度的数值确定为所述对应的固定值；

方向信息确定单元804，用于根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

其中，如果所述配置信息中将一个指定旋转角度的数值固定，则所述方向信息确定单元具体可以用于：

根据确定出的各个旋转角度的数值，确定所述终端设备在预置的二维平面内的绝对指向信息。

如果所述配置信息中将两个指定旋转角度的数值固定，则所述方向信息确定单元具体可以用于：

根据确定出的各个旋转角度的数值，确定所述终端设备在预置维度方向上的运动信息。

另外，本申请实施例还提供了一种电子设备，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

其中，图9示例性的展示出了电子设备的架构，例如，设备900可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理，飞行器等。

参照图9，设备900可以包括以下一个或多个组件：处理组件902，存储器904，电源组件906，多媒体组件908，音频组件99，输入/输出(I/O)的接口912，传感器组件914，以及通信组件916。

处理组件902通常控制设备900的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件902可以包括一个或多个处理器920来执行指令，以完成本公开技术方案提供的视频播放方法中的当满足预设条件时，生成流量压缩请求，并发送给服务器，其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息，所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率；根据服务器返回的码流文件播放所述码流文件对应的视频内容，其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件的全部或部分步骤。此外，处理组件902可以包括一个或多个模块，便于处理组件902和其他组件之间的交互。例如，处理部件902可以包括多媒体模块，以方便多媒体组件908和处理组件902之间的交互。

存储器904被配置为存储各种类型的数据以支持在设备900的操作。这些数据的示例包括用于在设备900上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器904可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件906为设备900的各种组件提供电力。电源组件906可以包括电源管理系统，一个或多个电源，及其他与为设备900生成、管理和分配电力相关联的组件。

多媒体组件908包括在设备900和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件908包括一个前置摄像头和/或后置摄像头。当设备900处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件910被配置为输出和/或输入音频信号。例如，音频组件910包括一个麦克风(MIC)，当设备900处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器904或经由通信组件916发送。在一些实施例中，音频组件910还包括一个扬声器，用于输出音频信号。

I/O接口912为处理组件902和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件914包括一个或多个传感器，用于为设备900提供各个方面的状态评估。例如，传感器组件914可以检测到设备900的打开/关闭状态，组件的相对定位，例如所述组件为设备900的显示器和小键盘，传感器组件914还可以检测设备900或设备900一个组件的位置改变，用户与设备900接触的存在或不存在，设备900方位或加速/减速和设备900的温度变化。传感器组件914可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件914还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件914还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件916被配置为便于设备900和其他设备之间有线或无线方式的通信。设备900可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信部件916经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信部件916还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，设备900可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器904，上述指令可由设备900的处理器920执行以完成本公开技术方案提供的视频播放方法中的当满足预设条件时，生成流量压缩请求，并发送给服务器，其中所述流量压缩请求中记录有用于触发服务器获取目标关注区域的信息，所述流量压缩请求用于请求服务器优先保证目标关注区域内视频内容的码率；根据服务器返回的码流文件播放所述码流文件对应的视频内容，其中所述码流文件为服务器根据所述流量压缩请求对所述目标关注区域之外的视频内容进行码率压缩处理得到的视频文件。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上对本申请所提供的提供页面内容的方法及装置，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本申请的限制。

Claims (16)

1.一种提供页面内容的方法，其特征在于，包括：

客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

2.根据权利要求1所述的方法，其特征在于，所述页面在终端设备显示屏的第二维度上具有单屏页面内容。

3.根据权利要求1所述的方法，其特征在于，所述根据所述终端设备的旋转状态，展示所述页面内容，包括：

检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值；

根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

4.根据权利要求3所述的方法，其特征在于，所述终端设备显示屏的第一维度为显示屏的横向维度，所述第一轴为显示屏所在平面内的纵向轴，第二轴为显示屏所在平面垂直方向的轴，第三轴为显示屏所在平面内的横向轴。

5.根据权利要求4所述的方法，其特征在于，所述预置的固定值为90度。

6.根据权利要求3至5任一项所述的方法，其特征在于，所述旋转角度包括欧拉角，所述根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，包括：

根据确定出的各欧拉角的数值计算四元数；

根据所述四元数将默认世界向量转换为当前世界向量；

根据所述世界向量以及所述绕第三轴旋转的欧拉角对应的固定值，确定所述终端设备投射到所述二维平面内的水平向量分量。

7.一种提供页面内容的方法，其特征在于，包括：

服务端接收客户端的页面访问请求；

向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

8.根据权利要求7所述的方法，其特征在于，所述客户端在展示所述页面内容的过程中，检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值，根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

9.一种确定终端设备旋转方向信息的方法，其特征在于，包括：

接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

检测操作系统的终端设备方向变化事件；

将所述指定旋转角度的数值确定为所述对应的固定值；

根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

10.根据权利要求9所述的方法，其特征在于，如果所述配置信息中将一个指定旋转角度的数值固定，则所述根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，包括：

根据确定出的各个旋转角度的数值，确定所述终端设备在预置的二维平面内的绝对指向信息。

11.根据权利要求9所述的方法，其特征在于，如果所述配置信息中将两个指定旋转角度的数值固定，则所述根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，包括：

根据确定出的各个旋转角度的数值，确定所述终端设备在预置维度方向上的运动信息。

12.一种提供页面内容的装置，其特征在于，应用于客户端，包括：

页面内容获得单元，用于获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

页面内容展示单元，用于根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

13.根据权利要求12所述的装置，其特征在于，所述页面内容展示单元包括：

旋转角度数值确定子单元，用于检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值；

绝对指向确定子单元，用于根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。

14.一种提供页面内容的装置，其特征在于，应用于服务端，包括：

请求接收单元，用于接收客户端的页面访问请求；

页面内容提供单元，用于向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

15.一种确定终端设备旋转方向信息的装置，其特征在于，包括：

配置信息接收单元，用于接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；

事件检测单元，用于检测操作系统的终端设备方向变化事件；

数值确定单元，用于将所述指定旋转角度的数值确定为所述对应的固定值；

方向信息确定单元，用于根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。

16.一种电子设备，其特征在于，包括：

一个或多个处理器；以及

与所述一个或多个处理器关联的存储器，所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时，执行如下操作：

获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；

根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。