页面顶部输入框调整方法及装置的制造方法
【技术领域】
[0001]本发明涉及计算机技术，特别涉及一种页面顶部输入框调整方法及装置。
【背景技术】
[0002]随着移动通信电子技术的发展，如今以手机为典型代表的移动终端已经不单具有远程通话的功能，许多个人电脑上的应用程序功能都可以通过移动终端来实现，如用户可以通过手机的浏览器浏览网页内容、通过手机上播放器播放视频和音乐、通过手机上的摄像头进彳丁拍照等。
[0003]用户通过移动终端的浏览器浏览网页时，在页面的顶部区域经常会有输入框，例如搜索输入框、邮箱输入框等。当用户点击输入框时，浏览器会创建一个输入框控件覆盖在页面原来显示的输入框位置，而且为了便于用户操作，生成的输入框控件尺寸通常都会大于页面上原有输入框的尺寸。但是，如果页面顶部同时有fixed元素(fixed元素是指固定屏幕位置的标签，如一些菜单选项、页面广告等)，如图1所示，由于fixed元素在屏幕上的位置是固定不变的，那么在用户点击输入框而生成较大尺寸的输入框控件后，输入框控件往往会被fixed元素所覆盖，从而导致用户无法看到输入的内容，造成输入时的不便。
【发明内容】
[0004]本发明实施例的目的是提供一种页面顶部输入框调整方法及装置，以解决点击页面顶部输入框而生成的输入框控件被fixed元素覆盖的问题。
[0005]本发明实施例提出一种页面顶部输入框调整方法，包括:
[0006]根据浏览器排版引擎对页面内容的解析，获取预设的用于保存固定屏幕位置的标签参数的数组；
[0007]遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域；
[0008]当有固定屏幕位置的标签位于页面顶部区域，则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述固定屏幕位置的标签的下方。
[0009]本发明实施例还提出一种页面顶部输入框调整装置，包括:
[0010]数组获取模块，用于根据浏览器排版引擎对页面内容的解析，获取预设的用于保存固定屏幕位置的标签参数的数组；
[0011]遍历模块，用于遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域；
[0012]输入框调整模块，用于当有固定屏幕位置的标签位于页面顶部区域，则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述固定屏幕位置的标签的下方。
[0013]相对于现有技术，本发明的有益效果是:通过本发明实施例的方法及装置，可以识别出页面顶部区域是否存在固定屏幕位置的标签，如果存在，则将页面顶部的输入框点击后生成的输入框控件移动到顶部固定屏幕位置的标签的下方，从而避免输入框控件被固定屏幕位置的标签覆盖而无法看到输入内容的情况发生，方便了用户的输入操作。
【附图说明】
[0014]图1为现有的输入框被固定屏幕位置的标签覆盖的示意图；
[0015]图2为本发明实施例的一种页面顶部输入框调整方法及装置的应用环境示意图；
[0016]图3为本发明实施例的一种页面顶部输入框调整方法的流程图；
[0017]图4为本发明实施例的一种调整显示位置后页面上输入框控件的示意图；
[0018]图5为本发明实施例的另一种页面顶部输入框调整方法的流程图；
[0019]图6为本发明实施例的另一种页面顶部输入框调整装置的结构图。
【具体实施方式】
[0020]有关本发明的前述及其他技术内容、特点及功效，在以下配合参考图式的较佳实施例详细说明中将可清楚的呈现。通过【具体实施方式】的说明，当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解，然而所附图式仅是提供参考与说明之用，并非用来对本发明加以限制。
[0021]本发明实施例涉及一种页面顶部输入框调整方法及装置，其应用于移动终端，用于识别页面顶部的固定屏幕位置的标签，并将被固定屏幕位置的标签覆盖的输入框显示在可见区域。请参阅图2，其为上述的方法及装置的运行环境示意图。一种移动终端1200，该移动终端1200包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、WiFi (wireless fidelity,无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解，图2中示出的移动终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中:
[0022]存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据移动终端1200的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器120还可以包括存储器控制器，以提供处理器180和输入单元130对存储器120的访问。
[0023]输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
[0024]显示单元140可用于显示由用户输入的信息或提供给用户的信息以及移动终端1200的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的，可以采用IXD(Liquid CrystalDisplay,液晶显示器)、OLED (Organic Light-Emitting D1de,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图2中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。
[0025]处理器180是移动终端1200的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行移动终端1200的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理核心；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。
[0026]移动终端1200还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
[0027]请参阅图3，其为本发明实施例的一种页面顶部输入框调整方法的流程图，在本发明后续的实施例中，为便于描述，以fixed元素作为固定屏幕位置的标签，fixed元素是CSS (Cascading Style Sheets,层叠样式表)指定屏幕位置的一种标签，但本领域技术人员可以理解，固定屏幕位置的标签并不以fixed元素为限，也可以是其它类型的标签。本实施例的方法包括以下步骤:
[0028]S301，根据浏览器排版引擎对页面内容的解析，获取预设的用于保存fixed元素参数的数组。
[0029]当用户通过浏览器打开网页时，浏览器的排版引擎(例如webkit)会对页面数据进行解析，并生成dom树和render树，dom树用于描述页面的信息,而render树则用于布局，具体负责dom树如何显示在屏幕上。在render树的根节点renderview节点(渲染视图节点，也即是fixed元素的父节点)中预定义一个数组，该数组用来保存fixed元素的参数，在页面解析的过程中，页面中的每一个fixed元素的参数均被保存到这个数组中。而当页面解析完成后，便可以从renderview节点中提取出该数组。
[0030]S302，遍历获取的所述数组，判断是否有fixed元素位于页面顶部区域。
[0031]数组中保存的fixed元素的参数，其中包含了 fixed元素的位置参数，通过位置参数，便可以获知数组中的各个fixed元素所显示的屏幕位置。所述的页面顶部区域可以根据实际需要来设置，例如距离页面顶部一定宽度的区域，fixed元素通常显示为矩形形状，根据fixed元素的位置参数，当检测到数组中的一个fixed元素处于该页面顶部区域内，或者该fixed元素的一部分与页面顶部区域内重合，则判定该fixed元素位于页面顶部区域，否则继续检查下一个fixed元素。
[0032]S303，当有fixed元素位于页面顶部区域时，则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述fixed元素的下方。
[0033]本实施例对输入框控件显示位置的设置揭示了两种方式:
[0034]第一种方式，根据顶部的fixed元素的高度，调整页面可视区域的显示高度，并使页面顶部的输入框显示在顶部的fixed元素的下方。例如在android系统中，可以通过系统函数ge