提供页面内容的方法及装置制造方法及图纸

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

【技术实现步骤摘要】
提供页面内容的方法及装置
本申请涉及页面内容展示
，特别是涉及提供页面内容的方法及装置。
技术介绍
在移动终端设备的网页浏览器(独立的浏览器，或者内置于应用程序内的浏览器)中，deviceorientation事件可以提供alpha，beta，gamma三个欧拉角数据，用来描述当前移动终端设备的旋转状态。其中，alpha，是设备指示的方向，根据指南针的设定情况而定；beta，设备绕x轴旋转的角度，也即设备上下翻转的角度；gamma，设备绕y轴旋转的角度，也即设备左右翻转的角度。其中，x轴、y轴可以是移动终端设备自身的坐标系，可以参见图1所示。由于浏览器可以获得移动终端设备中的旋转状态数据，因此，可以应用到很多场景中。例如，其中一种场景可以是，在网络销售平台的客户端中，可以提供一种横向条幅样式的页面，所谓横向条幅是指，页面内容在纵向上(y轴方向上)可以在同一屏内展示完整，但是，在横向上(x轴方向上)，则需要通过多屏才能展示完整。在传统的方式下，需要用户通过左右滑动屏幕的方式，对页面横向的内容进行查看，而在可以获得终端设备旋转状态信息的情况下，用户则可以通过旋转移动终端设备的方式，本文档来自技高网...

【技术保护点】
1.一种提供页面内容的方法，其特征在于，包括：客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。

【技术特征摘要】
1.一种提供页面内容的方法，其特征在于，包括：客户端获得待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；根据所述终端设备的旋转状态，展示所述页面内容；其中，所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。2.根据权利要求1所述的方法，其特征在于，所述页面在终端设备显示屏的第二维度上具有单屏页面内容。3.根据权利要求1所述的方法，其特征在于，所述根据所述终端设备的旋转状态，展示所述页面内容，包括：检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值；根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。4.根据权利要求3所述的方法，其特征在于，所述终端设备显示屏的第一维度为显示屏的横向维度，所述第一轴为显示屏所在平面内的纵向轴，第二轴为显示屏所在平面垂直方向的轴，第三轴为显示屏所在平面内的横向轴。5.根据权利要求4所述的方法，其特征在于，所述预置的固定值为90度。6.根据权利要求3至5任一项所述的方法，其特征在于，所述旋转角度包括欧拉角，所述根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，包括：根据确定出的各欧拉角的数值计算四元数；根据所述四元数将默认世界向量转换为当前世界向量；根据所述世界向量以及所述绕第三轴旋转的欧拉角对应的固定值，确定所述终端设备投射到所述二维平面内的水平向量分量。7.一种提供页面内容的方法，其特征在于，包括：服务端接收客户端的页面访问请求；向客户端提供待展示页面的页面内容，所述页面在终端设备显示屏的第一维度方向上具有多屏页面内容；所述页面内容的展示条件为：当所述终端设备绕第一轴或者第二轴旋转时，所述第一维度方向上的页面内容在所述显示屏内移动，当所述终端设备仅绕第三轴旋转时，所述第一维度方向上的页面内容在所述显示屏内保持静止。8.根据权利要求7所述的方法，其特征在于，所述客户端在展示所述页面内容的过程中，检测到操作系统的终端设备方向变化事件时，从所述事件提供的旋转角度数据中，确定终端设备绕第一轴以及第二轴旋转的旋转角度的数值，并将绕第三轴旋转的旋转角度的数值确定为预置的固定值，根据确定出的各个旋转角度的数值，确定所述终端设备在所述第一轴与第二轴构成的二维平面内的绝对指向，并根据所述绝对指向，确定所述第一维度方向上的页面内容在所述显示屏内的移动方式。9.一种确定终端设备旋转方向信息的方法，其特征在于，包括：接收上层应用的配置信息，所述配置信息包括将至少一个指定旋转角度的数值固定，以及对应的固定值；检测操作系统的终端设备方向变化事件；将所述指定旋转角度的数值确定为所述对应的固定值；根据确定出的各个旋转角度的数值，确定所述终端设备的旋转方向信息，并提供给所述上层应用。10.根据权利要求9所述的方...

【专利技术属性】
技术研发人员：沈砾捷，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY