一种菜单的自响应式实现方法及系统、终端设备的制造方法
【技术领域】
[0001] 本发明涉及互联网技术领域，尤其涉及一种菜单的自响应式实现方法及系统、终 端设备。
【背景技术】
[0002] 随着互联网技术的发展，人们越来越频繁的访问互联网获取信息资源，以便随时 随地获取所要的资讯，在浏览网页的过程中，人们往往通过网站菜单来浏览一个网站的内 容。而随着移动通信技术的发展，人们越来越多的使用手机等移动终端来访问网页，开发手 机等移动终端的访问网络技术具有重要的现实意义和广阔的市场，然而目前很多网站的菜 单只能单一的实现PC端或者移动端，或者开发两个版本，无法做到自动兼容PC和移动终端 的响应，在无形当中增加了开发成本。
【发明内容】
[0003] 本发明的主要目的在于提出一种菜单的自响应式实现方法及系统、终端设备，该 菜单布局能够自动响应PC端以及移动终端，同时可以兼容具有不同操作系统、不同的窗 口、屏幕分辨率的终端。
[0004] 为实现上述目的，本发明提供了一种菜单的自响应式实现方法，包括步骤：
[0005] 预设菜单分别在不同终端类型下的默认布局方式；
[0006] 在网页载入过程中，判断当前终端类型，根据当前终端类型以及所述预设信息确 定当前菜单的布局方式，在当前网页上按照相应的布局方式进行菜单显示。
[0007] 可选的，所述菜单在不同终端类型下的默认布局方式具体为：
[0008] 在PC端下，所述菜单的默认布局方式为横向排版方式；在移动终端下，所述菜单 的默认布局方式为纵向排版方式。
[0009] 可选的，所述在网页载入过程中，判断当前终端类型的方法为：
[0010] 在网页载入过程中，获取从客户端向服务器发送的HTTP协议用户代理头信息；
[0011] 根据所述HTTP协议用户代理头信息判断当前的终端类型，所述终端类型包括移 动终端和PC端。
[0012] 可选的，该方法还包括步骤：
[0013] 针对PC端，预先对应设置其菜单列表的宽度为百分比形式；
[0014] 在PC端下，根据预先设置的宽度信息，控制所述菜单根据当前的屏幕分辨率显示 对应的宽度。
[0015] 可选的，该方法还包括步骤：
[0016] 针对PC端，通过媒介查询工具预先设置其宽度临界值；
[0017] 在PC端下，根据预先设置的宽度临界值，在当前窗口的宽度大小小于所述宽度临 界值时，控制菜单由当前的一行多列显示方式自动调整为多行多列显示方式。
[0018] 可选的，该方法还包括步骤：
[0019] 针对移动终端，预先对应设置其菜单列表的宽度为百分比形式；
[0020] 在移动终端下，根据预先设置的宽度信息，控制所述菜单根据当前的屏幕分辨率 显示对应的宽度。
[0021] 可选的，该方法还包括步骤：
[0022] 针对移动终端，通过媒介查询工具预先设置其宽度临界值；
[0023] 在移动终端下，根据预先设置的宽度临界值，在当前窗口的宽度大小超过所述宽 度临界值时，控制菜单由当前的多行一列显示方式自动调整为一行多列或者多行多列显示 方式。
[0024] -种菜单的自响应式实现系统，包括：
[0025] 默认布局设置单元，用于预设菜单在不同终端类型下的默认布局方式；
[0026] 终端类型识别单元，用于在网页载入过程中，判断当前终端类型；
[0027] 系统自适应设置单元，用于根据当前终端类型以及预设信息确定当前菜单对应的 默认布局方式，在当前网页上按照相应的默认布局方式进行菜单显示。
[0028] 可选的，该系统还包括：
[0029] 分辨率自适应设置单元，用于设定菜单列表的宽度为百分比形式，据此控制菜单 根据当前的屏幕分辨率显示对应的宽度。
[0030] 可选的，该系统还包括：
[0031] 窗口自适应设置单元，用于针对不同终端类型分别设置其对应的菜单的宽度临界 值，根据当前窗口大小及宽度临界值控制菜单进行布局方式调整。
[0032] 一种终端设备，具体为移动终端和PC端，包括如上所述的菜单自响应式实现系 统。
[0033] 与现有技术相比，本发明具有以下技术效果：
[0034] 本发明实现一个能自动响应PC端以及移动终端的菜单，同时可以兼容各种具有 不同操作系统、不同窗口大小、不同屏幕分辨率的终端，无需针对每个终端做一个特定的版 本，具有广阔的市场前景。
【附图说明】
[0035]图1为实现本发明各个实施例的移动终端的硬件结构示意图；
[0036] 图2为如图1所示的移动终端的无线通信系统示意图；
[0037]图3为本发明提供的菜单的自响应式实现的基本原理图；
[0038]图4为本发明实施例一提供的菜单的自响应式实现方法流程图；
[0039]图5为本发明实施例二提供的菜单的自响应式实现方法流程图；
[0040]图6为本发明实施例三提供的菜单的自响应式实现系统结构图；
[0041]图7为本发明实施例四提供的终端设备结构示意图；
[0042] 本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
【具体实施方式】
[0043] 应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0044] 现在将参考附图描述实现本发明各个实施例的移动终端。在后续的描述中，使用 用于表示元件的诸如"模块"、"部件"或"单元"的后缀仅为了有利于本发明的说明，其本身 并没有特定的意义。因此，"模块〃与〃部件〃可以混合地使用。
[0045] 移动终端可以以各种形式来实施。例如，本发明中描述的终端可以包括诸如移 动电话、智能电话、笔记本电脑、数字广播接收器、PDA(个人数字助理）、PAD(平板电脑）、 PMP(便携式多媒体播放器）、导航装置等等的移动终端以及诸如数字TV、台式计算机等等 的固定终端。下面，假设终端是移动终端。然而，本领域技术人员将理解的是，除了特别用 于移动目的的元件之外，根据本发明的实施方式的构造也能够应用于固定类型的终端。
[0046]图1为实现本发明各个实施例的移动终端的硬件结构示意图。
[0047] 移动终端100可以包括无线通信单元110、A/V(音频/视频）输入单元120、用户 输入单元130、感测单元140、输出单元150、存储器160、接口单元170、控制器180和电源单 元190等等。图1示出了具有各种组件的移动终端，但是应理解的是，并不要求实施所有示 出的组件。可以替代地实施更多或更少的组件。将在下面详细描述移动终端的元件。
[0048] 无线通信单元110通常包括一个或多个组件，其允许移动终端100与无线通信系 统或网络之间的无线电通信。例如，无线通信单元可以包括广播接收模块111、移动通信模 块112、无线互联网模块113、短程通信模块114和位置信息模块115中的至少一个。
[0049] 广播接收模块111经由广播信道从外部广播管理服务器接收广播信号和/或广播 相关信息。广播信道可以包括卫星信道和/或地面信道。广播管理服务器可以是生成并发 送广播信号和/或广播相关信息的服务器或者接收之前生成的广播信号和/或广播相关 信息并且将其发送给终端的服务器。广播信号可以包括TV广播信号、无线电广播信号、数 据广播信号等等。而且，广播信号可以进一步包括与TV或无线电广播信号组合的广播信 号。广播相关信息也可以经由移动通信网络提供，并且在该情况下，广播相关信息可以由移 动通信模块112来接收。广播信号可以以各种形式存在，例如，其可以以数字多媒体广播 (DMB)的电子节目指南（EPG)、数字视频广播手持（DVB-Η)的电子服务指南（ESG)等等的形 式而存在。广播接收模块111可以通过使用各种类型的广播系统接收信号广播。特别地， 广播接收模块111可以通过使用诸如多媒体广播-地面（DMB-T)、数字多媒体广播-卫星 (DMB-S)、数字视频广播-手持（DVB-H)，前向链路媒体（MediaFL0@)的数据广播系统、地面 数字广播综合服务（ISDB-T)等等的数字广播系统接收数字广播。广播接收模块111可以被 构造为适合提供广播信号的各种广播系统以及上述数字广播系统。经由广播接收模块111 接收的广播信号和/或广播相关信息可以存储在存储器160 (或者其它类型的存储介质） 中。<