显示扩展功能信息区的方法和装置制造方法
【专利摘要】本发明适用于浏览器领域，提供了一种显示扩展功能信息区的方法和装置，该方法包括：接收激活扩展功能信息区的指令，根据所述指令获取页面中显示扩展功能信息区的位置；根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，调整页面排版，在页面中得到一空区域；在所述空区域显示所述扩展功能信息区。本发明实施例的扩展功能信息区在通过调整页面排版，直接在当前浏览场景下的页面显示扩展功能信息区的位置处显示，使扩展功能信息区与页面位于同一层显示，保证用户进行浏览的可视面积，方便用户浏览。
【专利说明】显示扩展功能信息区的方法和装置
【技术领域】
[0001] 本发明属于页面处理领域，尤其涉及显示扩展功能信息区的方法和装置。
【背景技术】
[0002] 在使用浏览器浏览页面时，经常需要在当前页面界面上展示一些当前页面的扩展 功能信息，如可能需要展示对当前页面的显示方式的调整信息或者对浏览器的设置信息， 以方便输入相应的编辑或者设置信息，对当前页面或者页面进行相应的编辑调整。
[0003] 目前的安卓操作系统或者I0S操作系统的各种应用在浏览页面时，可以通过长 按、点击或者手势等操作指令，激活针对当前页面的扩展功能信息。如图1所示的对话框或 者图2所示的新建一个全屏功能窗口，其在当前页面的上层建立一个覆盖区域，减小了页 面的可视面积，即察看页面较为完整信息的面积，而且所述扩展功能信息区脱离当前浏览 场景，不便于用户操作。
【发明内容】
[0004] 本发明实施例的目的在于提供一种显示扩展功能信息区的方法，以解决现有技术 在显示扩展功能信息区时，页面的可视面积小且所述扩展功能信息区脱离当前场景的问 题，以提高用户操作的便利性。
[0005] 本发明实施例是这样实现的，一种显示扩展功能信息区的方法，其特征在于，所述 方法包括下述步骤：
[0006] 接收激活扩展功能信息区的指令，根据所述指令获取页面中显示扩展功能信息区 的位置；
[0007] 根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，调整页面排 版，在页面中得到一空区域；
[0008] 在所述空区域显示所述扩展功能信息区。
[0009] 本发明实施例的另一目的在于提供一种显示扩展功能信息区的装置，所述装置包 括：
[0010] 接收获取单元，用于接收激活扩展功能信息区的指令，根据所述指令获取页面显 示扩展功能信息区的位置；
[0011] 页面调整单元，用于根据所述页面显示扩展功能信息区的位置和扩展功能信息区 的尺寸，调整页面排版，在页面中得到一空区域；
[0012] 显示单元，用于在所述空区域显示所述扩展功能信息区。本发明实施例还提供了 一种浏览器，所述浏览器包括上述显示扩展功能信息区的装置。
[0013] 在本发明实施例中，接收激活扩展功能信息区的指令，根据所述指令得到页面显 示扩展功能信息区的位置，根据扩展功能信息区的尺寸，在页面显示扩展功能信息区的位 置处得到一空区域，在空区域显示所述扩展功能信息区。本发明实施例通过在页面的获取 显示扩展功能信息区的位置，根据所述位置及扩展功能信息区的尺寸调整页面排版，得到 一空区域，在空区域显示扩展功能信息区，使扩展功能信息区与页面位于同一层显示，保证 用户进行浏览的可视面积，方便用户浏览。
【专利附图】
【附图说明】
[0014] 图1是本发明现有技术通过对话框显示扩展功能信息区的效果示意图；
[0015] 图2是本发明现有技术通过全屏功能显示扩展功能信息区的效果示意图；
[0016] 图3是本发明第一实施例提供的显示扩展功能信息区的实现流程图；
[0017] 图4为本发明第一实施例所述通过调整向下滑动距离实现扩展功能信息区显示 于页面框内的结构示意图；
[0018] 图5为本发明实施例提供的破开页面显示扩展功能信息区的效果示意图；
[0019] 图6是本发明第二实施例提供的显示扩展功能信息区的实现流程图；
[0020] 图7是本发明第三实施例提供的显示扩展功能信息区的装置结构示意图。
【具体实施方式】
[0021] 为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对 本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并 不用于限定本发明。
[0022] 适用本发明所述方法的设备通常为各移动设备，如手机、PAD等触摸控制的设备， 但也适用于其它非触摸输入的设备。在本发明实施例中，通过接收激活扩展功能信息区的 指令，根据所述指令获取页面中显示扩展功能信息区的位置；根据所述页面显示扩展功能 信息区的位置和扩展功能信息区的尺寸，调整页面排版，在页面中得到一空区域；在所述空 区域显示所述扩展功能信息区。所述扩展功能信息区不会覆盖当前的页面信息，使其能够 保证较大的可视面积，方便用户在对扩展功能信息区进行操作时，可以查看到当前所需要 操作的页面的更多信息，方便用户浏览操作。
[0023] 实施例一：
[0024] 图1示出了本发明实施例一提供的显示扩展功能信息区的实现流程，详述如下：
[0025] 在步骤S301中，接收激活扩展功能信息区的指令，根据所述指令获取页面显示扩 展功能信息区的位置。
[0026] 具体的，所述激活扩展功能信息区的指令，可以分为触摸指令和按钮指令。当接收 到的为触摸指令时，根据触摸指令所在的位置，可以相应的定义页面显示扩展功能信息区 的位置；当接收到的指令为按钮指令，可以为分硬件键盘输入的指令和触摸按钮，由于按钮 指令不是在页面位置处输入，需要预先定义接收按钮指令时的页面显示扩展功能信息区的 位置，根据人们使用习惯，可定义在页面的中部或者页面的底部作为页面显示扩展功能信 息区的位置。
[0027] 当接收的指令为触摸指令时，可以包括以下几种情况：
[0028] 1、接收激活扩展功能信息区的长按页面的触摸指令，获取所述页面显示扩展功能 信息区的位置为所述长按页面的触摸点；
[0029] 2、接收激活扩展功能信息区的下划的触摸指令，获取所述页面显示扩展功能信息 区的位置为下划的触摸指令的起点位置；
[0030] 3、接收激活扩展功能信息区的横划的触摸指令，获取所述页面显示扩展功能信息 区的位置为横划的触摸指令所在行的位置。
[0031] 当然上述三种情况仅为示例说明，根据用户使用习惯，还可以灵活定义多种触摸 手势所对应的页面显示扩展功能信息区的位置，如斜划等，在此不作具体限定。
[0032] 在步骤S302中，根据所述页面显示扩展功能信息区的位置和扩展功能信息区的 尺寸，调整页面排版，在页面中得到一空区域。
[0033] 具体的，根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，滑 动所述页面显示扩展功能信息区的位置的上方页面、下方页面或者上方页面和下方页面， 在页面中得到一空区域。。
[0034] 对于接收触摸指令时，所述触摸指令可能出现于页面的上方或者下方位置，确定 其相应的页面显示扩展功能信息区的位置处于页面的上方或者页面的下方，因此，为防止 有可能出现扩展功能信息区会处于页面框外的情况，可按下述操作步骤执行所述页面滑动 操作：
[0035] 1、根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，按照预定 的比例滑动所述页面显示扩展功能信息区的位置处的上方页面和下方页面。
[0036] 2、判断页面显示扩展功能信息区的位置处的下方页面向下滑动是否超过页面底 部边框或者页面显示扩展功能信息区的位置处的上方页面向上滑动是否超过顶部边框。
[0037] 3、如果是，则停止滑动所述超过页面边框的页面，由未超过页面边框一侧的页面 继续完成相应距离的滑动。
[0038] 其中，预定的比例可以为1 :1，或者1 :0(只向上滑动页面显示扩展功能信息区的 位置的上方页面）等，为详细说明页面滑动时出现的超过页面边框的情况，下面举例说明如 下：
[0039] 如图4所示，所述扩展功能信息区的长度为3厘米，所接收的页面显示扩展功能信 息区的位置位于页面下方且距离下方边框的距离为1厘米，如果预定的比例为1 :1，那么， 在页面显示扩展功能信息区的位置的下方页面向下滑动的距离为3/2=1. 5厘米，而页面显 示扩展功能信息区的位置距离页面下方边框的距离仅为1厘米，因而如果页面显示扩展功 能信息区的位置的下方页面如果向下滑动1. 5厘米，就会使显示的扩展功能信息区的0. 5 厘米部分处于页面边框外部，因此，为了避免这种情况出现，当页面显示扩展功能信息区的 位置的下方页面滑动至页面下方边框时，即页面显示扩展功能信息区的位置的下方页面即 将全部处于页面下方边框外时，停止页面显示扩展功能信息区的位置的下方页面向下滑 动，由页面显示扩展功能信息区的位置的上方页面在原来滑动1. 5厘米的基础上，继续向 上多滑动0. 5厘米，使得到的空区域符合扩展功能信息区显示的要求。
[0040] 在步骤S303中，在所述空区域显示所述扩展功能信息区。
[0041] 具体的，调整页面排版后，得到与扩展功能信息区的尺寸一致的空区域，在此空区 域显示所述扩展功能信息区，所述扩展功能信息区显示的内容包括图片、按钮、文字、链接 和/或音视频信息，如图5所示为显示的图片信息与按钮的效果示意图。
[0042] 当然，作为一种实现效果上的考虑，可以在页面滑动的同时，显示所述扩展功能信 息区，实现动态显示过程的展示。在显示完所述扩展功能信息区后，即可接收用户的操作指 令，对扩展功能信息区进行编辑操作。
[0043] 本发明实施例通过接收激活扩展功能信息区的指令，根据所述指令得到页面显示 扩展功能信息区的位置，根据扩展功能信息区的尺寸，调整页面排版，得到一空区域，在空 区域显示扩展功能信息区。扩展功能信息区在通过调整页面排版，在当前页面的浏览场景 下显示，使扩展功能信息区与页面位于同一层显示，保证用户进行浏览的可视面积，方便用 户浏览。另外对于页面滑动时超过页面边框的情况，将相应的滑动距离调整至页面显示扩 展功能信息区的位置处的对面页面，保证扩展功能的信息区处于页面的边框之中。
[0044] 实施例二：
[0045] 图6为本发明第二实施例提供的一种显示扩展功能信息区的实现流程图，详述如 下：
[0046] 在步骤S601中，接收激活扩展功能信息区的指令，根据所述指令获取页面显示扩 展功能信息区的位置。
[0047] 在步骤S602中，根据所述页面显示扩展功能信息区的位置和扩展功能信息区的 尺寸，滑动所述页面显示扩展功能信息区的位置处的上方页面或者下方页面或者上方页面 和下方页面，在页面中得到一空区域。
[0048] 在步骤S603中，在所述空区域显示所述扩展功能信息区。
[0049] 步骤S601-S603与实施例一中描述的步骤S301-S303相同，在此不作重复赘述。
[0050] 在步骤S604中，接收隐藏所述扩展功能信息区的指令，滑动所述页面显示扩展功 能信息区的位置的上方页面或下方页面或上方页面和下方页面，使页面恢复至未显示扩展 功能信息区时状态。
[0051] 具体的，所述隐藏所述扩展功能信息区的指令，包括点击扩展功能信息区的关闭 按钮和触摸扩展功能信息区以外的其它区域的位置，相对于点击扩展功能信息区的关闭按 钮，采用触摸扩展功能信息区以外的其它区域的位置的方式，可以进一步的提高用户使用 的便利性。
[0052] 在接收到隐藏所述扩展功能信息区的指令后，与步骤S302相反的操作过程，页面 显示扩展功能信息区的位置的上方页面和下方页面向页面显示扩展功能信息区的位置，即 页面分开的位置滑回，恢复到未触发扩展功能信息区时的状态。当然，作为其它可实施的方 式，也可以按照与先前打开扩展功能信息区时不一致的比例回滑。
[0053] 本发明实施例通过监听扩展功能信息区外的界面的指令，可以更为方便的使当前 扩展功能信息区隐藏，有利于提高用户操作的便利性。
[0054] 实施例三：
[0055] 图7为本发明第三实施例提供的一种显示扩展功能信息区的装置的结构示意图， 详述如下：
[0056] 本发明实施例所述显示扩展功能信息区的装置，包括接收获取单元701、页面调整 单元702、显示单元703,其中：
[0057] 所述接收获取单元701，用于接收激活扩展功能信息区的指令，根据所述指令获取 页面显示扩展功能信息区的位置；
[0058] 所述页面调整单元702,用于根据所述页面显示扩展功能信息区的位置和扩展功 能信息区的尺寸，调整页面排版，在页面中得到一空区域；
[0059] 所述显示单元703,在所述空区域显示所述扩展功能信息区。
[0060] 所述页面调整单元702具体用于根据所述页面显示扩展功能信息区的位置和扩 展功能信息区的尺寸，滑动所述页面显示扩展功能信息区的位置的上方页面或者下方页面 或者上方页面和下方页面，在页面中得到一空区域。
[0061] 所述装置还包括页面恢复单元704,用于接收隐藏所述扩展功能信息区的指令，滑 动所述页面显示扩展功能信息区的位置的上方页面或者下方页面或者上方页面和下方页 面，使页面恢复至未显示扩展功能信息区时状态。为使得能够方便用户操作，触摸扩展功能 信息区以外的其它区域的位置定义为所述隐藏指令。
[0062] 作为本发明的一种【具体实施方式】，所述接收获取单元701具体可包括：
[0063] 第一接收获取子单元7011，用于接收激活扩展功能信息区的长按页面的触摸指 令，所述页面显示扩展功能信息区的位置为所述长按页面的触摸点；或者
[0064] 第二接收获取子单元7012,用于接收激活扩展功能信息区的下划的触摸指令，获 取所述页面显示扩展功能信息区的位置为下划的触摸指令的起点位置；或者
[0065] 第三接收获取子单元7013,用于接收激活扩展功能信息区的横划的触摸指令，获 取所述页面显示扩展功能信息区的位置为横划的触摸指令所在行的位置。
[0066] 所述页面滑动单元702具体可包括：
[0067] 按比例滑动子单元7021，用于根据所述页面显示扩展功能信息区的位置和扩展功 能信息区的尺寸，按照预定的比例滑动所述页面显示扩展功能信息区的位置处的上方页面 和下方页面；
[0068] 判断子单元7022,用于判断页面显示扩展功能信息区的位置的下方页面向下滑动 是否超过页面底部边框或者页面显示扩展功能信息区的位置处的上方页面向上滑动是否 超过顶部边框；
[0069] 滑动子单元7023,如果是，则停止滑动所述超过页面边框的页面，由未超过页面边 框一侧的页面继续完成相应距离的滑动。
[0070] 其中，上述扩展功能信息区显示的内容包括图片、按钮、文字、链接和/或音视频 信息。
[0071] 本发明所述装置的实施例与实施例一和实施例二所述的方法实施例相对应，在此 不作 描述。
[0072] 本发明实施例还提供了一种浏览器，所述浏览器包括上述显示扩展信息功能区的 装直。
[0073] 在本发明实施例中，接收激活扩展功能信息区的指令，根据所述指令得到页面显 示扩展功能信息区的位置，根据扩展功能信息区的尺寸，在页面显示扩展功能信息区的位 置处滑动其上方页面和/或下方页面，使其完成显示扩展功能信息区。本发明实施例的扩 展功能信息区在通过滑动页面，直接在当前页面的浏览场景下的页面显示扩展功能信息区 的位置处显示，使扩展功能信息区与页面位于同一层显示，保证用户进行浏览的可视面积， 方便用户浏览。
[0074] 以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精 神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
【权利要求】
1. 一种显示扩展功能信息区的方法，其特征在于，所述方法包括下述步骤： 接收激活扩展功能信息区的指令，根据所述指令获取页面中显示扩展功能信息区的位 置； 根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，调整页面排版， 在页面中得到一空区域； 在所述空区域显示所述扩展功能信息区。
2. 根据权利要求1所述的方法，其特征在于，所述步骤根据所述页面显示扩展功能信 息区的位置和扩展功能信息区的尺寸，调整页面排版，在页面中得到一空区域具体为： 根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，滑动所述页面显 示扩展功能信息区的位置的上方页面或者下方页面或者上方页面和下方页面，在页面中得 到一空区域。
3. 根据权利要求2所述的方法，其特征在于，所述方法还包括： 接收隐藏所述扩展功能信息区的指令，滑动所述页面显示扩展功能信息区的位置的上 方页面或者下方页面或者上方页面和下方页面，使页面恢复至未显示扩展功能信息区时状 态。
4. 根据权利要求2所述的方法，其特征在于，所述步骤根据所述页面显示扩展功能信 息区的位置和扩展功能信息区的尺寸，滑动所述页面显示扩展功能信息区的位置的上方页 面或者下方页面或者上方页面和下方页面，在页面中得到一空区域具体可包括： 根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺寸，按照预定的比例 滑动所述页面显示扩展功能信息区的位置处的上方页面或下方页面或上方页面和下方页 面； 判断页面显示扩展功能信息区的位置处的下方页面向下滑动是否超过页面底部边框 或者页面显示扩展功能信息区的位置处的上方页面向上滑动是否超过顶部边框； 如果是，则停止滑动所述超过页面边框的页面，由未超过页面边框一侧的页面继续完 成相应距离的滑动。
5. 根据权利要求1所述的方法，其特征在于，所述步骤接收激活扩展功能信息区的指 令，根据所述指令获取页面中显示扩展功能信息区的位置具体可包括： 接收激活扩展功能信息区的长按页面的触摸指令，获取所述页面中显示扩展功能信息 区的位置为所述长按页面的触摸点；或者 接收激活扩展功能信息区的下划的触摸指令，获取所述页面中显示扩展功能信息区的 位置为下划的触摸指令的起点位置；或者 接收激活扩展功能信息区的横划的触摸指令，获取所述页面中显示扩展功能信息区的 位置为横划的触摸指令所在行的位置。
6. -种显示扩展功能信息区的装置，其特征在于，所述装置包括： 接收获取单元，用于接收激活扩展功能信息区的指令，根据所述指令获取页面显示扩 展功能信息区的位置； 页面调整单元，用于根据所述页面显示扩展功能信息区的位置和扩展功能信息区的尺 寸，调整页面排版，在页面中得到一空区域； 显示单元，用于在所述空区域显示所述扩展功能信息区。
7. 根据权利要求6所述的装置，其特征在于，所述页面调整单元具体用于根据所述页 面显示扩展功能信息区的位置和扩展功能信息区的尺寸，滑动所述页面显示扩展功能信息 区的位置的上方页面或者下方页面或者上方页面和下方页面，在页面中得到一空区域。
8. 根据权利要求7所述的装置，其特征在于，所述装置还包括： 页面恢复单元，用于接收隐藏所述扩展功能信息区的指令，滑动所述页面显示扩展功 能信息区的位置的上方页面或者下方页面或者上方页面和下方页面，使页面恢复至未显示 扩展功能信息区时状态。
9. 根据权利要求7所述的装置，其特征在于，所述页面调整单元具体可包括： 按比例滑动子单元，用于根据所述页面显示扩展功能信息区的位置和扩展功能信息区 的尺寸，按照预定的比例滑动所述页面显示扩展功能信息区的位置处的上方页面和下方页 面； 判断子单元，用于判断页面显示扩展功能信息区的位置的下方页面向下滑动是否超过 页面底部边框或者页面显示扩展功能信息区的位置处的上方页面向上滑动是否超过顶部 边框； 滑动子单元，用于如果是，则停止滑动所述超过页面边框的页面，由未超过页面边框一 侧的页面继续完成相应距离的滑动。
10. 根据权利要求6所述的装置，其特征在于，所述接收获取单元具体可包括： 第一接收获取子单元，用于接收激活扩展功能信息区的长按页面的触摸指令，所述页 面显示扩展功能信息区的位置为所述长按页面的触摸点；或者 第二接收获取子单元，用于接收激活扩展功能信息区的下划的触摸指令，获取所述页 面显示扩展功能信息区的位置为下划的触摸指令的起点位置；或者 第三接收获取子单元，用于接收激活扩展功能信息区的横划的触摸指令，获取所述页 面显示扩展功能信息区的位置为横划的触摸指令所在行的位置。
11. 一种浏览器，其特征在于，所述浏览器包括上述权利要求6-10任一项所述的显示 扩展功能信息区的装置。
【文档编号】G06F17/30GK104102679SQ201310129381
【公开日】2014年10月15日 申请日期:2013年4月15日 优先权日:2013年4月15日
【发明者】王曦, 胡博, 王智培, 唐廷勇, 周睿奕, 谢郑凯, 黄英, 李未, 冯诚, 张凯, 杨惠姣, 刘玉磊, 青欣 申请人:腾讯科技（深圳）有限公司