CN107943959B - 网页显示方法、装置和移动终端 - Google Patents

Abstract

本发明公开了一种网页显示方法、装置和移动终端，以方便用户在浏览网页时，快速跳转至网页的预设位置。该方法包括：在网页的显示过程中，显示菜单选项；当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。

Description

网页显示方法、装置和移动终端

技术领域

本发明涉及终端领域，尤其涉及一种网页显示方法、装置和移动终端。

背景技术

随着互联网技术的发展和移动终端的普及，利用浏览器浏览网页已经成为用户生活中必不可少的一部分。

用户在浏览网页，特别是在浏览页面较长的网页时，通常需要滑动较长时间才能查找到所需的内容，影响用户操作的便利性。

发明内容

本发明实施例提供一种网页显示方法、装置和移动终端，以方便用户在浏览网页时，快速跳转至网页的预设位置。

为了解决上述技术问题，本发明是这样实现的：

第一方面，提供了一种网页显示方法，该方法包括：在网页的显示过程中，显示菜单选项；当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。

第二方面，提供了一种网页显示装置，该装置包括：菜单选项显示模块，用于在网页的显示过程中，显示菜单选项；预设位置显示模块，用于在检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。

第三方面，提供了一种移动终端，该移动终端包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如第一方面所述的方法的步骤。

第四方面，提供了一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的方法的步骤。

在本发明实施例中，在网页的显示过程中，首先显示出菜单选项，当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。这样，用户在浏览网页时，通过点击上述菜单选项即可快速地跳转至网页的预设位置，省略了用户滚动网页的操作，大大地提升了用户操作的便利性，节省了操作时间，便于提升用户体验。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本发明的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明的一个实施例提供的网页显示方法流程示意图；

图2是图1所示的实施例中网页界面示意图；

图3是本发明的另一个实施例提供的网页显示方法流程示意图；

图4是本发明的一个实施例提供的网页显示装置结构示意图；

图5为实现本发明各个实施例的一种移动终端的硬件结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1是本发明的一个实施例提供的网页显示方法流程示意图，用于方便用户在浏览网页时，快速跳转至网页的预设位置。如图1所示，该实施例包括如下步骤：

S101：在网页的显示过程中，显示菜单选项。

一般而言，网页的面积大小由网页内容的多少以及CSS样式表(层叠样式表)决定，由于网页的面积通常较大(特别是竖直方向的长度较大)，因此，在网页的显示过程中，网页的内容不能够在浏览器窗口中全部显示，需要用户滚动浏览器窗口，以在浏览器窗口中分别显示出网页的各个部分内容。

该实施例中的菜单选项，具体可以是动态菜单，或者是按钮等。一种具体的菜单选项示意图如图2所示，图2中展示一个动态返回菜单，网页内容未图示，该返回菜单包括有三个子菜单，分别是返回未阅读位置菜单、返回顶部菜单以及返回底部菜单。

该实施例中，对于显示菜单选项的时机，可以是在网页显示的过程中实时显示；当然，也可以是在检测到所述网页的当前显示位置满足预设条件时，再显示出菜单选项。例如，检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈 值时，才显示出菜单选项。

S102：当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。

该步骤中，当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置，如图2所示，在用户界面上则可以表现为：当用户点击返回未阅读位置按钮时，则可以将网页的显示位置跳转至未阅读位置，该处的未阅读位置，可以是所述网页的未显示内容的顶部附近区域。这种情况适用于用户阅读到上述未阅读位置时，向前滚动网页查看已经阅读过的网页内容后，然后再快速返回到未阅读位置的场景；

当用户点击返回顶部菜单按钮时，则可以将网页的显示位置跳转至网页顶部，这种情况适用于用户在浏览一部分网页后，想返回到网页顶部重新浏览的场景；

当用户点击返回底部菜单按钮时，则可以将网页的显示位置跳转至网页底部，这种情况适用于用户在浏览一部分网页后，想快速跳转到网页底部浏览的场景。一般而言，对于一些文字内容较多的网页，其核心内容或者是总结性内容一般在末尾位置(即网页底部附近)，这样，使用户快速跳转至网页底部，便于用户快速跳过中间部分网页内容，直接跳转至网页的重点内容部分，从而节约了用户的时间，便于提升用户体验。

在本发明实施例中，在网页的显示过程中，首先显示出菜单选项，当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。这样，用户在浏览网页时，通过点击上述菜单选项即可快速地跳转至网页的预设位置，省略了用户滚动网页的操作，大大地提升了用户操作的便利性，节省了操作时间，便于提升用户体验。

为详细说明本发明实施例提供的网页显示方法，以下将结合一具体实施例进行说明。图3是本发明的另一个实施例提供的网页显示方法流程示意图，如图3所示，该实施例包括如下步骤：

S301：在网页的显示过程中，获取网页的当前显示位置与所述网页的预设位置之间的距离。

该实施例中，网页的当前显示位置，可以是当前时刻浏览器窗口(或称视口)中显示的网页位置，具体而言，可以是当前时刻浏览器窗口的中心，所显示的网页内容在网页中的位置。

该实施例中，网页的预设位置，可以使网页中的静态、固定位置，即，该位置不随网页滚动或用户的操作而变化，例如，预设位置可以是网页的顶部；网页的底部；和/或，网页的中部等固定位置。

此外，该实施例中，网页的预设位置，还可以是随着用户浏览位置的变化而动态变化的位置。例如，预设位置是网页的已读内容和未读内容的分界点，或者称作是网页的未显示内容的顶部，又或者称作是用户(当前时刻或者是之前)浏览到的极值位置，该极值位置可以是还未到达网页的底部。

该步骤获取网页的当前显示位置与预设位置之间的距离时，可以首先获取网页的当前显示位置的具体值以及预设位置的具体值，通过求差值的方法得到当前显示位置与预设位置之间的距离。

S302：判断所述距离是否大于或等于预定阈值。

如果是，则执行S303；

如果否，则结束流程。

该步骤中的预定阈 值，可以通过预先设定得到，在一种具体的实施方式中，该预定阈 值是根据网页的总长度确定得到，例如，等于网页总长度的三分之一、四分之一等，本实施例并不做具体限定。

该步骤中虽然是判断上述距离(具体可以是一数值)是否大于或等于预定阈值，当然，在其他的实施例中，也可以是仅仅判断上述距离是否大于预定阈值，或者是，预定阈值值是否小于上述距离等等。

S303：向用户展示菜单选项。

图2中虽然示意性地显示出一种动态菜单的显示方式，图2中显示的菜单选项较多，为了避免显示出的菜单选项遮挡，影响用户浏览网页，在其他的实施例中，还可以是仅仅显示出一个悬浮按钮，并且，该悬浮按钮还可以设置呈透明度较高的显示方式；且显示在网页的底部的右下角附近。

这样，通过减少菜单的个数(只设置一个悬浮按钮)，从而减少了展示的悬浮按钮所占用的网页面积；通过将悬浮按钮的透明度设置较高值；以及，将悬浮按钮设置在网页底部的右下角附近，均避免了显示的菜单选项(悬浮按钮) 影响用户正常浏览网页，便于提升用户体验。并且，将悬浮按钮显示在网页的底部右下角，便于用户快速点击操作。

S304：当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。

该步骤中显示所述网页的预设位置，具体可以是：以预设位置为依据，将所述网页的显示位置直接定位到所述预设位置；或，以当前显示界面为依据，将所述预设位置移动到当前显示界面中。

在该实施例中，当展示菜单选项之后，若预设时长内用户没有对该菜单选项执行操作；或者是，用户对网页的其他内容执行了操作，例如，继续滚动网页、复制文字等，则可以控制菜单选项消失，不再执行S304，以避免显示的菜单选项遮挡，从而影响用户浏览网页。

通过本发明实施例提供的网页显示方法，首先获取网页的当前显示位置与预设位置之间的距离，如果上述距离大于预定阈值，则向用户展示菜单选项，当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。这样，用户在浏览网页时，通过点击上述菜单选项即可快速地跳转至网页的预设位置，省略了用户滚动网页的操作，大大地提升了用户操作的便利性，节省了操作时间，便于提升用户体验。

在上述实施例中，获取网页的当前显示位置与所述网页的预设位置之间的距离，具体可以采用以下两种实施方式：

方式一：基于所述网页的当前显示位置与所述网页的顶部(或底部)的距离，以及，所述网页的预设位置与所述网页的顶部(或底部)的距离，确定网页的当前显示位置与所述网页的预设位置之间的距离。

方式二：基于所述网页的当前显示位置的像素坐标值，以及，所述网页的预设位置的像素坐标值，确定网页的当前显示位置与所述网页的预设位置之间的距离。

图4是本发明的一个实施例提供的网页显示装置结构示意图，如图4所示，该装置包括：

菜单选项显示模块401，可以用于在网页的显示过程中，显示菜单选项；

预设位置显示模块402，可以用于在检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。所述网页的预设位置，可以包括：所述网页的顶部；所述网页的底部；所述网页的中部；和/或，所述网页的未显示内容的顶部。

上述菜单选项，可以包括动态菜单或按钮。另外，所述菜单选项显示模块 401，具体可以用于在所述网页的当前显示位置满足预设条件时，显示菜单选项。

所述当所述网页的当前显示位置满足预设条件，可以包括：所述菜单选项显示模块401检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈 值。

所述菜单选项显示模块401检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈 值，可以包括：所述菜单选项显示模块401，基于所述网页的当前显示位置与所述网页的顶部的距离，以及，所述网页的预设位置与所述网页的顶部的距离，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈 值；或，所述菜单选项显示模块401，基于所述网页的当前显示位置的像素坐标值，以及，所述网页的预设位置的像素坐标值，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈 值。

本发明实施例提供的网页显示装置能够实现图1和图3的方法实施例中的各个过程，为避免重复，这里不再赘述。

在本发明实施例中，在网页的显示过程中，首先显示菜单选项，当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。这样，用户在浏览网页时，通过点击上述菜单选项即可快速地跳转至网页的预设位置，省略了用户滚动网页的操作，大大地提升了用户操作的便利性，节省了操作时间，便于提升用户体验。

图5为实现本发明各个实施例的一种移动终端的硬件结构示意图，该移动终端500包括但不限于：射频单元501、网络模块502、音频输出单元503、输入单元504、传感器505、显示单元506、用户输入单元507、接口单元508、存储器509、处理器510、以及电源511等部件。本领域技术人员可以理解，图5中示出的移动终端结构并不构成对移动终端的限定，移动终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。在本发明实施例中，移动终端包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载终端、可穿戴设备、以及计步器等。

其中，处理器510，用于在网页的显示过程中，显示菜单选项；当检测到对所述菜单选项的触控操作时，显示所述网页的预设位置。这样，用户在浏览网页时，通过点击上述菜单选项即可快速地跳转至网页的预设位置，省略了用户滚动网页的操作，大大地提升了用户操作的便利性，节省了操作时间，便于提升用户体验。

应理解的是，本发明实施例中，射频单元501可用于收发信息或通话过程中，信号的接收和发送，具体的，将来自基站的下行数据接收后，给处理器510 处理；另外，将上行的数据发送给基站。通常，射频单元501包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频单元501还可以通过无线通信系统与网络和其他设备通信。

移动终端通过网络模块502为用户提供了无线的宽带互联网访问，如帮助用户收发电子邮件、浏览网页和访问流式媒体等。

音频输出单元503可以将射频单元501或网络模块502接收的或者在存储器509中存储的音频数据转换成音频信号并且输出为声音。而且，音频输出单元503还可以提供与移动终端500执行的特定功能相关的音频输出(例如，呼叫信号接收声音、消息接收声音等等)。音频输出单元503包括扬声器、蜂鸣器以及受话器等。

输入单元504用于接收音频或视频信号。输入单元504可以包括图形处理器(Graphics Processing Unit，GPU)5041和麦克风5042，图形处理器5041 对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元506上。经图形处理器5041处理后的图像帧可以存储在存储器509(或其它存储介质) 中或者经由射频单元501或网络模块502进行发送。麦克风5042可以接收声音，并且能够将这样的声音处理为音频数据。处理后的音频数据可以在电话通话模式的情况下转换为可经由射频单元501发送到移动通信基站的格式输出。

移动终端500还包括至少一种传感器505，比如光传感器、运动传感器以及其他传感器。具体地，光传感器包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板5061的亮度，接近传感器可在移动终端500移动到耳边时，关闭显示面板5061和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别移动终端姿态(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击) 等；传感器505还可以包括指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等，在此不再赘述。

显示单元506用于显示由用户输入的信息或提供给用户的信息。显示单元 506可包括显示面板5061，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板5061。

用户输入单元507可用于接收输入的数字或字符信息，以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地，用户输入单元507包括触控面板5071以及其他输入设备5072。触控面板5071，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板5071上或在触控面板5071附近的操作)。触控面板5071 可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器 510，接收处理器510发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板5071。除了触控面板5071，用户输入单元507还可以包括其他输入设备5072。具体地，其他输入设备5072 可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。

进一步的，触控面板5071可覆盖在显示面板5061上，当触控面板5071 检测到在其上或附近的触摸操作后，传送给处理器510以确定触摸事件的类型，随后处理器510根据触摸事件的类型在显示面板5061上提供相应的视觉输出。虽然在图5中，触控面板5071与显示面板5061是作为两个独立的部件来实现移动终端的输入和输出功能，但是在某些实施例中，可以将触控面板5071与显示面板5061集成而实现移动终端的输入和输出功能，具体此处不做限定。

接口单元508为外部装置与移动终端500连接的接口。例如，外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/ 输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元508可以用于接收来自外部装置的输入(例如，数据信息、电力等等)并且将接收到的输入传输到移动终端500内的一个或多个元件或者可以用于在移动终端500和外部装置之间传输数据。

存储器509可用于存储软件程序以及各种数据。存储器509可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器 509可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

处理器510是移动终端的控制中心，利用各种接口和线路连接整个移动终端的各个部分，通过运行或执行存储在存储器509内的软件程序和/或模块，以及调用存储在存储器509内的数据，执行移动终端的各种功能和处理数据，从而对移动终端进行整体监控。处理器510可包括一个或多个处理单元；优选的，处理器510可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器510中。

移动终端500还可以包括给各个部件供电的电源511(比如电池)，优选的，电源511可以通过电源管理系统与处理器510逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

另外，移动终端500包括一些未示出的功能模块，在此不再赘述。

优选的，本发明实施例还提供一种移动终端，包括处理器510，存储器509，存储在存储器509上并可在所述处理器510上运行的计算机程序，该计算机程序被处理器510执行时实现上述方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

本发明实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述的方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

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

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本发明的保护之内。

Claims (10)

1.一种网页显示方法，其特征在于，包括：

在网页的显示过程中，显示菜单选项，所述菜单选项包括多个子菜单选项，所述子菜单选项 包括：返回未阅读位置、返回网页顶部或返回网页底部中的至少一者；

其中，所述显示菜单选项包括：当所述网页的当前显示位置满足预设条件时，显示菜单选项，其中，所述当所述网页的当前显示位置满足预设条件，包括：检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值，所述网页的预设位置是随着用户浏览位置的变化而动态变化的位置，所述网页的当前显示位置是当前时刻浏览器窗口的中心所显示的网页内容在网页中的位置，所述预定阈值是根据网页的总长度确定得到；

当检测到对所述子菜单选项的触控操作时，显示所述子菜单选项对应的所述网页的预设位置。

2.如权利要求1所述的方法，其特征在于，所述检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值，包括：

基于所述网页的当前显示位置与所述网页的顶部的距离，以及，所述网页的预设位置与所述网页的顶部的距离，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值；或，

基于所述网页的当前显示位置的像素坐标值，以及，所述网页的预设位置的像素坐标值，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值。

3.如权利要求1至2任一项所述的方法，其特征在于，所述网页的预设位置，包括所述网页的未显示内容的顶部。

4.如权利要求1所述的方法，其特征在于，所述菜单选项，包括动态菜单或按钮。

5.一种网页显示装置，其特征在于，包括：

菜单选项显示模块，用于在网页的显示过程中，显示菜单选项，所述菜单选项包括多个子菜单选项，所述子菜单选项 包括：返回未阅读位置、返回网页顶部或返回网页底部中的至少一者；

其中，所述菜单选项显示模块，用于在所述网页的当前显示位置满足预设条件时，显示菜单选项，其中，所述当所述网页的当前显示位置满足预设条件，包括：所述菜单选项显示模块检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值，所述网页的预设位置是随着用户浏览位置的变化而动态变化的位置，所述网页的当前显示位置是当前时刻浏览器窗口的中心所显示的网页内容在网页中的位置，所述预定阈值是根据网页的总长度确定得到；

预设位置显示模块，用于在检测到对所述子菜单选项的触控操作时，显示所述子菜单选项对应的所述网页的预设位置。

6.如权利要求5所述的装置，其特征在于，所述菜单选项显示模块检测到所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值，包括：

所述菜单选项显示模块，基于所述网页的当前显示位置与所述网页的顶部的距离，以及，所述网页的预设位置与所述网页的顶部的距离，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值；或，

所述菜单选项显示模块，基于所述网页的当前显示位置的像素坐标值，以及，所述网页的预设位置的像素坐标值，确定出所述网页的当前显示位置与所述网页的预设位置之间的距离大于预定阈值。

7.如权利要求5至6任一项所述的装置，其特征在于，所述网页的预设位置，包括所述网页的未显示内容的顶部。

8.如权利要求5所述的装置，其特征在于，所述菜单选项，包括动态菜单或按钮。

9.一种移动终端，其特征在于，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至4中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至4中任一项所述的方法的步骤。

Images