CN105447041A - 网页处理方法及装置 - Google Patents

Abstract

本申请提供一种网页处理方法及装置。方法包括：接收用户通过当前页面上的登录指示信息发出的登录指令；根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，当前页面的其他区域不变。本申请可以减少网页登录时间，提高网页登录速度。

Description

网页处理方法及装置

【技术领域】

本申请涉及互联网技术领域，尤其涉及一种网页处理方法及装置。

【背景技术】

浏览器作为一种客户端程序，可以显示各种网页，并允许用户与这些网页进行交互。在用户与网页交互过程中，一般需要用户输入预先注册的用户名和密码进行登录。

现有用户通过浏览器登录的过程包括：用户点击浏览器当前页面上的登录提示按钮，触发浏览器跳转到一个登录页面；用户在登录页面上输入用户名和密码，并点击提交按钮以进行登录。

其中，浏览器跳转到登录页面是一个重新加载页面的过程，这需要耗费时间，导致登录时间较长，速度较慢。

【发明内容】

本申请的多个方面提供一种网页处理方法及装置，用以减少网页登录时间，提高网页登录速度。

本申请的一方面，提供一种网页处理方法，包括：

接收用户通过当前页面上的登录指示信息发出的登录指令；

根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。

在本申请的一可选实施方式中，所述根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，包括：

根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；

在所述第一图层上叠加显示所述第二图层。

在本申请的一可选实施方式中，所述在所述第一图层上叠加显示所述第二图层，包括：

在所述第一图层的指定区域叠加显示所述第二图层；和/或

按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。

在本申请的一可选实施方式中，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。

在本申请的一可选实施方式中，所述根据所述登录指令，将隐藏于所述当前页面登录窗口显示在所述当前页面上之前，还包括：

在所述至少部分区域展现所述用户的相关信息。

在本申请的一可选实施方式中，所述登录指示信息为登录指示按钮；

所述接收用户通过当前页面上的登录指示信息发出的登录指令，包括：

接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。

本申请的另一方面，提供一种网页处理装置，包括：

接收模块，用于接收用户通过当前页面上的登录指示信息发出的登录指令；

展示模块，用于根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。

在本申请的一可选实施方式中，所述展示模块包括：

确定单元，用于根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；

展示单元，用于在所述第一图层上叠加显示所述第二图层。

在本申请的一可选实施方式中，所述展示单元具体用于在所述第一图层的指定区域叠加显示所述第二图层；和/或

所述展示单元具体用于按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。

在本申请的一可选实施方式中，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。

在本申请的一可选实施方式中，所述展示模块还用于在将所述登录窗口显示在所述当前页面上之前，在所述至少部分区域展现所述用户的相关信息。

在本申请的一可选实施方式中，所述登录指示信息为登录指示按钮；

所述接收模块具体用于接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。

在本申请技术方案中，在当前页面上设置登录指示信息，以供用通过登录指示信息发出登录指令，并根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录。由此可见，在用户的登录过程中，不需要页面跳转，只需将隐藏的登录窗口显示给用户即可，因此节约了页面跳转消耗的时间，减少了网页登录时间，提高了网页登录速度。

【附图说明】

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请一实施例提供的网页处理方法的流程示意图；

图2-图4为本申请一实施例提供的登录窗口展示效果示意图；

图5为本申请一实施例提供的网页处理装置的结构示意图；

图6为本申请另一实施例提供的网页处理装置的结构示意图。

【具体实施方式】

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

图1为本申请一实施例提供的网页处理方法的流程示意图。如图1所示，该方法包括：

101、接收用户通过当前页面上的登录指示信息发出的登录指令。

102、根据上述登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，且当前页面的其他区域不变。

本实施例的执行主体可以是网页处理装置，例如可以是浏览器，该浏览器可以部署于电脑、手机等各种设备上。

首先说明，本实施例中的当前页面可以是任何可以向用户提供登录提示信息并允许用户登录的页面，例如可以是各种网站的首页或非首页。非首页可以是网站的二级页面、三级页面等。也就是说，本实施例提供的方法可应用各种网站下的任意页面。

在本实施例中，当前页面具有登录指示信息，该登录指示信息的主要目的是指示用户进行登录。用户通过该登录指示信息可以向网页处理装置发出登录指令。根据登录指示信息实现形式的不同，用户通过登录指示信息发出登录指令的方式也会不同。

举例说明，登录指示信息可以是一登录指示按钮，则用户可以点击或拖动或滑动或悬停(mouseover)该登录按钮发出登录指令。用户点击登录指示按钮的方式可以是通过网页处理装置的输入设备单击或双击该登录指示按钮，输入设备可以是鼠标、输入笔等；对于移动端而言，输入设备可以为用户手指。用户滑动登录指示按钮的方式可以是向上滑动、向下滑动、向左滑动或向右滑动登录指示按钮。

对网页处理装置来说，接收用户通过当前页面上的登录指示信息发出的登录指令。

在本实施例中，当前页面还包括隐藏的登录窗口，可选的该登录窗口携带有登录提示信息，用于提示用户输入登录信息。例如，登录提示信息可以包括：提示用户输入用户名的信息，例如可以是“用户名”字样，以及提示用户输入密码的信息，例如可以是“密码”字样。又例如，登录提示信息可以包括：提示用户输入账号的信息，例如可以是“登录账号”字样，以及提示用户输入密码的信息，例如可以是“密码”字样。

网页处理装置在接收到用户发出的登录指令之后，根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录。网页处理装置将登录窗口显示于当前页面后，登录窗口会覆盖当前页面上的部分区域，而当前页面上的其他区域不变。

基于上述，在一可选实施方式中，网页处理装置在将登录窗口显示在当前页面之前，还可以在上述部分区域内展示用户的相关信息。例如，用户的相关信息可以是向用户推荐的信息，例如可以是“Hi亲，饿了，喝杯下午茶吧”；或者是用户的IP地址或MAC地址等，或者还可以是当前时间信息等。

在本实施例中，网页处理装置可以直接在当前页面上显示登录窗口，不需要跳转到登录页面，可以节约加载登录页面所需的时间，因此减少了网页登录时间，提高了网页登录速度。

另外，本实施例不需要从当前页面跳转到登录页面，而是直接在当前页面显示登录窗口，因此不会像现有技术那样存在从当前页面跳转到登录页面所带来的视觉跳跃感，对用户来说，视觉体验较好。

进一步，本实施例的登录窗口只有在进行登录时才会显示在页面上，平时处于隐藏状态；在登录窗口处于隐藏状态时，页面上相应空间可以显示更多有价值的其他内容，有利于提高当前页面的空间利用率，提升当前页面的转化率。

本申请实施例中的当前页面可以超文本标记语言(HyperTextMark-upLanguage，HTML)格式编写，但不限于此。随着互联网应用的快速发展，一些页面交互的技术也在不断进步，越来越多的页面交互采用诸如HTML中的级联样式表(CascadingStyleSheet，CSS)代码、Javascript代码等技术实现多样性。

基于上述，本申请实施例中的当前页面可以包括采用HTML中的CSS代码技术，或者采用Javascript代码技术实现的图层。

在一可选实施方式中，网页处理装置可以预先将当前页面可以正常展现的内容设置在第一图层上，将在进行登录时才会显示的登录窗口设置在第二图层上。第一图层和第二图层可以采用CSS技术实现，或者可以采用Javascript代码技术实现。第一图层可以包括文本、图片、表格、插件等中的任意一个或多个，也就是说当前页面可以正常展现的内容包括文本、图片、表格、插件等中的任意一个或多个。而第二图层可以包括登陆提示信息。

可选的，第一图层和第二图层均为CSS图层，或者均为Javascript图层。CSS图层是指采用CSS代码技术实现的图层；相应的，Javascript图层是指采用Javascript代码技术实现的图层。

可选的，第一图层可以是CSS图层，或者Javascript图层。第二图层是第一图层的一个子元素。

以第一图层和第二图层均为CSS图层为例，则网页处理装置可以通过设置第一图层的CSS样式属性，并设置第二图层的CSS样式属性，使得第一图层和第二图层可以同时位于当前页面，且第二图层只有在进行登录时才被展现。其中，CSS样式属性可以包括但不限于：显示(display)信息、高度(height)信息、溢出(overflow)信息以及位置(position)信息。

基于上述图层，网页处理装置根据登录指令，将隐藏于当前页面且携带有登录提示信息的登录窗口显示在当前页面上的过程包括：

网页处理装置根据登录指令，确定当前页面当前显示内容所在的第一图层以及登录窗口所在的第二图层；

网页处理装置在第一图层上叠加显示第二图层。

例如，网页处理装置可以在第一图层的指定区域叠加显示第二图层。这里的指定区域即为当前页面上被登录窗口覆盖的部分区域。例如，指定区域可以是第一图层上登录指示信息所在区域，即网页处理装置可以在第一图层上登录指示信息所在区域叠加显示第二图层。

又例如，网页处理装置可以按照登录提示信息在第二图层中的排列方向，以横向或纵向方式在第一图层上叠加显示第二图层。

其中，网页处理装置可以将上述展示方式和展示区域相结合，或者单独采用某一个，以进行第二图层的展示。

本实施例以当前页面为1688.com为例，则网页处理装置在第一图层上叠加显示第二图层的效果示意图可参见图2、图3和图4所示。图2所示为当前页面未显示登录窗口时的初始状态，图3和图4为叠加显示第二图层后当前页面的状态。如图2所示，1688.com页面上由虚线圈所标识的区域设置有“请登录”字样的登录指示按钮，以供用户发出登录指令；如图3所示，在1688.com页面上由虚线圈所标识的区域内，登录窗口以纵向方式显示，也就是说登录窗口中的登录提示信息是纵向排列的，图3中虚线圈所标识的区域与图2中虚线圈所标识的区域相同，为登录指示按钮所在的区域；如图4所示，在1688.com页面上由虚线圈所标识的区域内，登录窗口以横向方式显示在当前页面中，也就是或登录窗口中的登录提示信息是横向排列的，图4中虚线圈所标识的区域与图2中虚线圈所标识的区域不同。

另外值得说明的是，为了能够清晰的显示登录窗口，图3和图4中所示“用户名”和“密码”字样的颜色较深，但并不限于此，实际应用中“用户名”和“密码”字样的颜色一般会比较浅。

由上述可见，用户通过1688.com页面发出登录指令后，网页处理装置直接将登录窗口显示在1688.com页面上，不需要用户等待页面的跳转，可以极大的提高登录速度，对于低带宽的用户来说，该登录速度提高的效果会更加明显。

值得说明的是，无论登录窗口以何种方式显示在当前页面上均在本申请保护范围之内。

进一步，在显示登录窗口后，若用户不需要进行登录，则可以重新隐藏登录窗口。例如，若登录窗口所在的第二图层是第一图层的子元素，则可以直接将第二图层隐藏在第一图层的不可见区域中，若登录窗口所在的第二图层不是第一图层的子元素，则可以将第二图层绝对定位到第一图层的不可见区域中。例如第一图层的不可见区域可以位于但不限于第一图层的底部。

例如，可以通过设置第二图层的CSS样式属性，使第二图层处于第一图层的不可见区域。例如，网页处理装置可以使用JQuery的函数animate重新设置第二图层的CSS样式属性，从而实现重新隐藏第二图层的目的。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

图5为本申请一实施例提供的网页处理装置的结构示意图。如图5所示，该装置包括：接收模块51和展示模块52。

接收模块51，用于接收用户通过当前页面上的登录指示信息发出的登录指令；

展示模块52，与接收模块51连接，根据接收模块51接收的登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户在登录窗口中输入登录信息进行登录，登录窗口覆盖当前页面的至少部分区域，当前页面的其他区域不变。

在一可选实施方式中，如图6所示，展示模块52的实现结构包括：确定单元521和展示单元522。

确定单元521，用于根据接收模块51接收的登录指令，确定当前页面当前显示内容所在的第一图层和登录窗口所在的第二图层。

展示单元522，与确定单元521连接，用于在确定单元521确定的第一图层上叠加显示确定单元521确定的第二图层。

进一步，展示单元522具体可用于在第一图层的指定区域叠加显示第二图层。这里的指定区域即为当前页面上被登录窗口覆盖的部分区域。和/或，

展示单元522具体可用于按照登录提示信息在第二图层中的排列方向，以横向或纵向方式在第一图层上叠加显示第二图层。

可选的，上述指定区域可以是第一图层上登录指示信息所在的区域。

在一可选实施方式中，展示模块52在将登录窗口显示在当前页面之前，还可以在至少部分区域展现用户的相关信息。例如，用户的相关信息可以是向用户推荐的信息，例如可以是“Hi亲，饿了，喝杯下午茶吧”；或者是用户的IP地址或MAC地址等，或者还可以是当前时间信息等。

在一可选实施方式中，登录指示信息可以是登录指示按钮。基于此，接收模块51具体可用于接收用户点击或拖动或滑动或悬停登录指示按钮发出的登录指令。

本实施例提供的网页处理装置可以是浏览器，例如可以部署于电脑、手机等设备上。

本实施例提供的网页处理装置，在当前页面上设置登录指示信息，以供用通过登录指示信息发出登录指令，并根据登录指令，将隐藏于当前页面的登录窗口显示在当前页面上，以供用户根据登录提示信息在登录窗口中输入登录信息进行登录。采用本实施例提供的网页处理装置，可以在用户的登录过程中，不进行页面跳转，只需将隐藏的登录窗口显示给用户即可，因此节约了页面跳转消耗的时间，减少了网页登录时间，提高了网页登录速度。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(RandomAccessMemory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (12)

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

接收用户通过当前页面上的登录指示信息发出的登录指令；

根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。

2.根据权利要求1所述的方法，其特征在于，所述根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，包括：

根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；

在所述第一图层上叠加显示所述第二图层。

3.根据权利要求2所述的方法，其特征在于，所述在所述第一图层上叠加显示所述第二图层，包括：

在所述第一图层的指定区域叠加显示所述第二图层；和/或

按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。

4.根据权利要求3所述的方法，其特征在于，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述根据所述登录指令，将隐藏于所述当前页面登录窗口显示在所述当前页面上之前，还包括：

在所述至少部分区域展现所述用户的相关信息。

6.根据权利要求1-4任一项所述的方法，其特征在于，所述登录指示信息为登录指示按钮；

所述接收用户通过当前页面上的登录指示信息发出的登录指令，包括：

接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。

7.一种网页处理装置，其特征在于，包括：

接收模块，用于接收用户通过当前页面上的登录指示信息发出的登录指令；

展示模块，用于根据所述登录指令，将隐藏于所述当前页面的登录窗口显示在所述当前页面上，以供所述用户在所述登录窗口中输入登录信息进行登录，所述登录窗口覆盖所述当前页面的至少部分区域，所述当前页面的其他区域不变。

8.根据权利要求7所述的装置，其特征在于，所述展示模块包括：

确定单元，用于根据所述登录指令，确定所述当前页面当前显示内容所在的第一图层和所述登录窗口所在的第二图层；

展示单元，用于在所述第一图层上叠加显示所述第二图层。

9.根据权利要求8所述的装置，其特征在于，所述展示单元具体用于在所述第一图层的指定区域叠加显示所述第二图层；和/或

所述展示单元具体用于按照所述登录提示信息在所述第二图层中的排列方向，以横向或纵向方式在所述第一图层上叠加显示所述第二图层。

10.根据权利要求9所述的装置，其特征在于，所述指定区域包括所述第一图层上所述登录指示信息所在的区域。

11.根据权利要求7-10任一项所述的装置，其特征在于，所述展示模块还用于在将所述登录窗口显示在所述当前页面上之前，在所述至少部分区域展现所述用户的相关信息。

12.根据权利要求7-10任一项所述的装置，其特征在于，所述登录指示信息为登录指示按钮；

所述接收模块具体用于接收所述用户点击或拖动或滑动或悬停所述登录指示按钮发出的所述登录指令。