CN105701197A - 页面预览方法和装置 - Google Patents

Abstract

本公开是关于一种页面预览方法和装置，涉及终端技术领域，能够实现不用切换到目标页面也可以得知目标页面内容的效果。该方法包括：获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；响应于所述页面预览指令，获取所述目标页面的预览信息；在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

Description

页面预览方法和装置

技术领域

本公开涉及终端技术领域，尤其涉及页面预览方法和装置。

背景技术

相关技术中，用户在使用终端时，通常会在各个页面之间进行切换，例如，在使用购物平台类的应用程序时，用户在添加了一些商品到购物车中后，如果想要了解目前的消费金额情况，需要多次进行进入购物车查看金额后再退出购物车进行其它商品的购买的操作。

发明内容

为克服相关技术中存在的问题，本公开提供一种页面预览方法和装置。

根据本公开实施例的第一方面，提供一种页面预览方法，所述方法包括：

获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

响应于所述页面预览指令，获取所述目标页面的预览信息；

在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

可选的，所述获取所述目标页面的预览信息包括：

获取所述目标页面的缩略图；

将所述目标页面的缩略图作为所述目标页面的预览信息。

可选的，所述获取所述目标页面的预览信息包括：

获取所述目标页面的的关键信息；

将所述目标页面的的关键信息作为所述目标页面的预览信息。

可选的，所述目标页面为购物车页面，所述获取所述目标页面的的关键信息，包括：

获取所述购物车页面中已添加商品的商品信息；

获取所述已添加商品的价格信息；

根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额；

将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

可选的，所述目标页面为购物车页面，所述与目标页面关联的按钮包括：

用于将商品添加到所述购物车页面的按钮；或者，

用于切换到所述购物车页面的按钮。

可选的，所述在所述当前显示页面上的预设位置显示预览窗口包括：

在所述目标按钮处所述显示所述预览窗口。

根据本公开实施例的第二方面，提供一种页面预览装置，所述装置包括：

压力触发模块，被配置为获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

信息获取模块，被配置为响应于所述页面预览指令，获取所述目标页面的预览信息；

预览模块，被配置为在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

可选的，所述信息获取模块被配置为：

获取所述目标页面的缩略图；

将所述目标页面的缩略图作为所述目标页面的预览信息。

可选的，所述信息获取模块被配置为：

获取所述目标页面的的关键信息；

将所述目标页面的的关键信息作为所述目标页面的预览信息。

可选的，所述目标页面为购物车页面，所述信息获取模块被配置，包括：

信息获取子模块，被配置为获取所述购物车页面中已添加商品的商品信息；

价格获取子模块，被配置为获取所述已添加商品的价格信息；

价格计算子模块，被配置为根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额；

确定子模块，被配置为将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

可选的，所述目标页面为购物车页面，所述与目标页面关联的按钮包括：

用于将商品添加到所述购物车页面的按钮；或者，

用于切换到所述购物车页面的按钮。

可选的，所述预览模块被配置为：

在所述目标按钮处所述显示所述预览窗口。

根据本公开实施例的第三方面，提供一种页面预览装置，所述装置包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

响应于所述页面预览指令，获取所述目标页面的预览信息；

在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

根据本公开实施例的第四方面，提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种页面预览方法，所述方法包括：

获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

响应于所述页面预览指令，获取所述目标页面的预览信息；

在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

本公开的实施例提供的技术方案可以包括以下有益效果：

通过获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；响应于所述页面预览指令，获取所述目标页面的预览信息；在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。本公开能够解决相关技术中需要多次切换页面的问题，能够实现在当前显示页面通过与目标页面关联的按钮即可实现对目标页面的预览，实现了不用切换到目标页面也可以得知目标页面内容的效果。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种页面预览方法的流程图；

图2是根据一示例性实施例示出的一种页面选择方法的流程图；

图3是图2所示实施例示出的一种界面示意图；

图4是根据一示例性实施例示出的另一种页面选择方法的流程图；

图5是图4所示实施例示出的一种界面示意图；

图6是根据一示例性实施例示出的一种页面预览装置的框图；

图7是图6所示实施例示出的一种信息获取模块的框图；

图8是根据一示例性实施例示出的一种页面预览装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在介绍本公开提供的页面预览方法之前，首先对本公开各个实施例所涉及应用场景进行介绍。该应用场景包括一终端，该终端设置有支持压力触控(3Dtouch)的触摸屏，用户可以通过手指对该触摸屏上任意位置进行压力触控操作，其中该压力触控操作可以是指用户在该触摸屏上的任意位置以不小于预设压力阈值的压力进行按压的操作。

其中，所述终端例如可以是智能手机、平板电脑、智能电视、智能手表、PDA(PersonalDigitalAssistant，个人数字助理)、便携计算机等移动终端，也可以是台式计算机等固定终端。

图1是根据一示例性实施例示出的一种页面预览方法的流程图，如图1所示，该方法可以用于终端中，该终端可以是上述应用场景中所述的设置有支持压力触控的触摸屏的终端，该方法可以包括以下步骤。

步骤101，获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮。

步骤102，响应于所述页面预览指令，获取所述目标页面的预览信息。

步骤103，在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

综上所述，本实施例提供的一种页面预览方法，可以通过压力触控操作触发在当前显示页面显示目标页面的预览信息，能够解决相关技术中需要多次切换页面的问题，能够实现在当前显示页面通过与目标页面关联的按钮即可实现对目标页面的预览，实现了不用切换到目标页面也可以得知目标页面内容的效果。

图2是根据一示例性实施例示出的一种页面选择方法的流程图，如图2所示，该方法可以用于终端中，该终端可以是上述应用场景中所述的设置有支持压力触控的触摸屏的终端，该页面选择方法可以包括以下步骤。

步骤201，获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令。

其中，所述目标按钮为与目标页面关联的按钮，在本实施例中以目标页面为购物车页面为例进行说明，该购物车页面可以是购物平台类应用的中的购物车页面，也可以是其他类应用中具有的购物车页面。则，与所述购物车页面关联的按钮，可以是用于将商品添加到所述购物车页面的按钮，或者可以是用于切换到所述购物车页面的按钮。

假设当前显示页面为商品A的商品详情页面，在该商品详情页面的底部设置有加入购物车按钮，在正常点击该加入购物车按钮的情况下可以将商品A添加到购物车中，当按压所述加入购物车按钮的力度大于预设压力阈值时，就会触发产生对购物车页面进行预览的页面预览指令，从而进行步骤202。

步骤202，响应于所述页面预览指令，获取所述目标页面的缩略图，将所述目标页面的缩略图作为所述目标页面的预览信息。

示例的，当在当前显示的商品详情页接收到对购物车页面进行预览的页面预览指令后，可以截取购物车页面进的缩略图作为预览信息，并进行步骤203。

步骤203，在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

其中，当前显示页面上的预设位置可以是预先规定好的用于显示预览信息的位置，或者可以是所述目标按钮所在的位置。

示例的，图3是图2所示实施例示出的一种界面示意图，图3中以所述当前显示页面为上述商品A的商品详情页，所述目标页面为上述的购物车页面为例，假设预先规定好的显示预览信息的位置为加入购物车按钮的位置，参见图3，该界面示意图中包括：商品详情页10，加入购物车按钮20，以及购物车页面的缩略图30，该缩略图30显示于加入购物车按钮的位置。当然，该缩略图30也可以显示于其他的预先规定好的位置，例如当前显示界面的中央位置(图中未示出)。

在另一种实现方式中，图4是根据一示例性实施例示出的另一种页面选择方法的流程图，如图2所示，在步骤201之后可进行以下步骤：

步骤204，响应于所述页面预览指令，获取所述目标页面的的关键信息，将所述目标页面的的关键信息作为所述目标页面的预览信息。

以目标页面为购物车页面为例，购物车页面的关键信息可以包括：已添加商品的商品信息和价格信息，从而可以进行以下步骤：

首先，获取所述购物车页面中已添加商品的商品信息。所述商品信息可以包括但不限于：商品的名称、商品的缩略图、商品所属的商家、商品所属种类、商品货号、商品颜色中的一种或多种，如果是服装类商品，则还可以包括商品尺码、材质等信息。

其次，获取获取所述已添加商品的价格信息。所述价格信息可以包括：每件商品的单价以及已添加到购物车中的数量，进一步的当有优惠时还可以包括优惠金额，例如可用代金卷的金额，或者减免的邮费金额，或者折扣后的价格等等。

再次，根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额。例如，当前购物车中已添加的商品为2件商品A，1件商品B，1件商品C，其中商品A的单价为199元，商品B的单价为998元，商品C的单价为599元，并且，其中商品A有邮费10元，商品B和C免邮费，并且商品B具有满900减100的代金卷一张。则可以根据上述信息计算出需要为所述已添加商品支付的总金额为：199×2+10+998-100+599＝1905元。

最后，将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

步骤205，在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

图5是图4所示实施例示出的一种界面示意图，图5中以所述当前显示页面为上述商品A的商品详情页，所述目标页面为上述的购物车页面为例，假设预先规定好的显示预览信息的位置为加入购物车按钮的位置，参见图5，该界面示意图中包括：商品详情页10，加入购物车按钮20，以及购物车页面的关键信息预览页40，示例的，该关键信息预览页40显示有已添加到购物车中的每件商品的名称、数量、单价、需支付总金额，以及优惠金额，该关键信息预览页40显示于加入购物车按钮的位置，当然，该关键信息预览页40也可以显示于其他的预先规定好的位置，例如当前显示界面的中央位置(图中未示出)。

由此可见，通过上述方法，用户在当前页面不需要切换到购物车页面，只需要用力按压与购物车关联的按钮即可了解购物车的概况。

综上所述，本实施例提供的一种页面预览方法，可以通过压力触控操作触发在当前显示页面显示目标页面的预览信息，能够解决相关技术中需要多次切换页面的问题，能够实现在当前显示页面通过与目标页面关联的按钮即可实现对目标页面的预览，实现了不用切换到目标页面也可以得知目标页面内容的效果。

图6是根据一示例性实施例示出的一种页面预览装置的框图，该页面预览装置600可用于执行图1至图3中任一所示的方法，该页面预览装置600可以用于终端中，该终端可以是上述应用场景中所述的设置有支持压力触控的触摸屏的终端，并且该该页面预览装置600可以通过软件、硬件或者二者结合的形式构成该终端的部分或全部，如图3所示，该页面预览装置600可以包括：

压力触发模块610，被配置为获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为用于切换到目标页面的按钮；

信息获取模块620，被配置为响应于所述页面预览指令，获取所述目标页面的预览信息；

预览模块630，被配置为在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

可选的，所述信息获取模块620被配置为：

获取所述目标页面的缩略图；

将所述目标页面的缩略图作为所述目标页面的预览信息。

可选的，所述信息获取模块620被配置为：

获取所述目标页面的的关键信息；

将所述目标页面的的关键信息作为所述目标页面的预览信息。

可选的，所述目标页面为购物车页面，图7是图6所示实施例示出的一种信息获取模块的框图，参见图7，所述信息获取模块620被配置，包括：

信息获取子模块621，被配置为获取所述购物车页面中已添加商品的商品信息；

价格获取子模块622，被配置为获取所述已添加商品的价格信息；

价格计算子模块623，被配置为根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额；

确定子模块624，被配置为将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

可选的，所述目标页面为购物车页面，所述与目标页面关联的按钮包括：

用于将商品添加到所述购物车页面的按钮；或者，

用于切换到所述购物车页面的按钮。

可选的，所述预览模块630被配置为：

在所述目标按钮处所述显示所述预览窗口。

综上所述，本实施例提供的一种页面预览装置，可以通过压力触控操作触发在当前显示页面显示目标页面的预览信息，能够解决相关技术中需要多次切换页面的问题，能够实现在当前显示页面通过与目标页面关联的按钮即可实现对目标页面的预览，实现了不用切换到目标页面也可以得知目标页面内容的效果。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图8是根据一示例性实施例示出的一种页面预览装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图8，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电力组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器810来执行指令，以完成上述图1至图7任一所示的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电力组件806为装置800的各种组件提供电力。电力组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行图1至图7任一所示的方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器810执行以完成图1至图7任一所示的方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

Claims (13)

1.一种页面预览方法，其特征在于，所述方法包括：

获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

响应于所述页面预览指令，获取所述目标页面的预览信息；

在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

2.根据权利要求1所述的方法，其特征在于，所述获取所述目标页面的预览信息包括：

获取所述目标页面的缩略图；

将所述目标页面的缩略图作为所述目标页面的预览信息。

3.根据权利要求1所述的方法，其特征在于，所述获取所述目标页面的预览信息包括：

获取所述目标页面的的关键信息；

将所述目标页面的的关键信息作为所述目标页面的预览信息。

4.根据权利要求3所述的方法，其特征在于，所述目标页面为购物车页面，所述获取所述目标页面的的关键信息，包括：

获取所述购物车页面中已添加商品的商品信息；

获取所述已添加商品的价格信息；

根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额；

将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

5.根据权利要求1所述的方法，其特征在于，所述目标页面为购物车页面，所述与目标页面关联的按钮包括：

用于将商品添加到所述购物车页面的按钮；或者，

用于切换到所述购物车页面的按钮。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述在所述当前显示页面上的预设位置显示预览窗口包括：

在所述目标按钮处所述显示所述预览窗口。

7.一种页面预览装置，其特征在于，所述装置包括：

压力触发模块，被配置为获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

信息获取模块，被配置为响应于所述页面预览指令，获取所述目标页面的预览信息；

预览模块，被配置为在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。

8.根据权利要求7所述的装置，其特征在于，所述信息获取模块被配置为：

获取所述目标页面的缩略图；

将所述目标页面的缩略图作为所述目标页面的预览信息。

9.根据权利要求7所述的装置，其特征在于，所述信息获取模块被配置为：

获取所述目标页面的的关键信息；

将所述目标页面的的关键信息作为所述目标页面的预览信息。

10.根据权利要求9所述的装置，其特征在于，所述目标页面为购物车页面，所述信息获取模块被配置，包括：

信息获取子模块，被配置为获取所述购物车页面中已添加商品的商品信息；

价格获取子模块，被配置为获取所述已添加商品的价格信息；

价格计算子模块，被配置为根据所述已添加商品的价格信息获取需要为所述已添加商品支付的总金额；

确定子模块，被配置为将所述已添加商品的商品信息和所述总金额作为所述购物车页面的关键信息。

11.根据权利要求7所述的装置法，其特征在于，所述目标页面为购物车页面，所述与目标页面关联的按钮包括：

用于将商品添加到所述购物车页面的按钮；或者，

用于切换到所述购物车页面的按钮。

12.根据权利要求7-11任一项所述的装置，其特征在于，所述预览模块被配置为：

在所述目标按钮处所述显示所述预览窗口。

13.一种页面预览装置，其特征在于，所述装置包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取通过在触摸屏上对当前显示页面上的目标按钮进行压力触控操作触发的页面预览指令，所述目标按钮为与目标页面关联的按钮；

响应于所述页面预览指令，获取所述目标页面的预览信息；

在所述当前显示页面上的预设位置显示预览窗口，所述预览窗口中显示有所述目标页面的预览信息。