CN106991110B - 网页页面的切换方法及装置 - Google Patents

Abstract

本申请涉及计算机技术领域，尤其涉及一种网页页面的切换方法及装置，在一种网页页面的切换方法中，在当前网页页面接收到页面切换指令时，根据该页面切换指令，确定待切换至的目标网页页面；如果目标网页页面与当前网页页面不属于同一类目，且当前网页页面与目标网页页面均为各自类目中的低层级的网页页面，则在切换至目标网页页面时，获取当前网页页面的地址信息，并在切换至目标网页页面之后呈现网页控件，该网页控件与上述地址信息相关联，用于返回至当前网页页面。由此实现了跨类目的低层级的网页页面的来回切换，从而可以提升用户体验。

Description

网页页面的切换方法及装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种网页页面的切换方法及装置。

背景技术

传统技术中，可以通过网页页面中的导航结构(如，面包屑导航)或者浏览器的返回功能，来切换网页页面；然而，当通过导航结构来切换网页页面时，只能实现同一类目中不同层级间的网页页面的来回切换，或者，只能实现跨类目的高层级的网页页面的来回切换，此处，高层级的网页页面是指在主导航结构中有对应的导航信息的网页页面，当想要实现跨类目的低层级的网页页面的来回切换时，只能结合浏览器的返回功能以及导航结构来实现，而众所周知，浏览器的返回功能使用过程繁琐，这使得跨类目的低层级的网页页面的来回切换过程比较繁琐，从而极大地浪费了计算机资源，且影响了用户的体验。

发明内容

本申请描述了一种网页页面的切换方法及装置，可以方便地实现跨类目的低层级的网页页面的来回切换。

第一方面，提供了一种网页页面的切换方法，该方法包括：

在第一网页页面接收第一页面切换指令，所述第一网页页面所属类目为第一类目，所述第一类目的网页页面具有层级关系，且所述第一网页页面属于所述第一类目的网页页面中低层级的网页页面；

根据所述第一页面切换指令，确定待切换至的第二网页页面；

当所述第二网页页面所属类目为第二类目，且所述第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取所述第一网页页面的地址信息；

切换至所述第二网页页面，所述第二网页页面包含用于返回至所述第一网页页面的网页控件，所述网页控件与所述地址信息相关联。

第二方面，提供了一种网页页面的切换装置，该装置包括：

接收单元，用于在第一网页页面接收第一页面切换指令，所述第一网页页面所属类目为第一类目，所述第一类目的网页页面具有层级关系，且所述第一网页页面属于所述第一类目的网页页面中低层级的网页页面；

确定单元，用于根据所述接收单元接收的所述第一页面切换指令，确定待切换至的第二网页页面；

获取单元，用于当所述确定单元确定的所述第二网页页面所属类目为第二类目，且所述第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取所述第一网页页面的地址信息；

切换单元，用于切换至所述第二网页页面，所述第二网页页面包含用于返回至所述第一网页页面的网页控件，所述网页控件与所述地址信息相关联。

本申请提供的网页页面的切换方法及装置，在当前网页页面接收到页面切换指令时，根据该页面切换指令，确定待切换至的目标网页页面；如果目标网页页面与当前网页页面不属于同一类目，且当前网页页面与目标网页页面均为各自类目中的低层级的网页页面，则在切换至目标网页页面时，获取当前网页页面的地址信息，并在切换至目标网页页面之后呈现网页控件，该网页控件与上述地址信息相关联，用于返回至当前网页页面。由此实现了跨类目的低层级的网页页面的来回切换，从而可以提升用户体验。

附图说明

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

图1为本申请一种实施例提供的网页页面的切换方法流程图；

图2为本申请提供的第一网页页面的示意图；

图3为本申请提供的第二网页页面的示意图；

图4为本申请另一种实施例提供的网页页面的切换装置示意图。

具体实施方式

下面结合附图，对本发明的实施例进行描述。

本申请实施例提供的网页页面的切换方法适用于跨类目的网页页面的来回切换的场景，其中，每个类目的网页页面具有层级关系，且该层级关系通过类目树来呈现。具体地，高层级的网页页面一般只有一个，其对应类目树的根节点，该高层级的网页页面在主导航结构中有对应的导航信息，也即用户通过点击该导航信息，可以直接切换至上述高层级的网页页面；低层级的网页页面可以有多个，其对应类目树的子节点(包括中间节点和叶子节点)，低层级的网页页面在主导航结构中没有对应的导航信息。

上述网页页面的切换方法尤其适用于跨类目的低层级的网页页面的来回切换的场景。举例来说，假设某Web系统中包括两个类目，其中，第一类目中高层级的网页页面对应根节点B，而低层级的网页页面分别对应子节点B1、B2和B3；第二类目中高层级的网页页面对应根节点C，而低层级的网页页面分别对应子节点C1、C2和C2；则本申请的网页页面的切换方法适用于从B2(或B1或B3)切换至C2(或C1或C3)，并从C2(或C1或C3)切换回B2(或B1或B3)的场景；或者适用于从C2(C1或C3)切换至B2(或B1或B3)，并从B2(或B1或B3)切换回C2(或C1或C3)的场景。

需要说明的是，上述网页页面可以包含有面包屑导航，其中，面包屑导航用于告诉网页页面的访问者(用户)目前的位置以及如何返回。

图1为本申请一种实施例提供的网页页面的切换方法流程图。所述方法的执行主体可以为具有处理能力的设备：服务器或者系统或者装置，如图1所示，所述方法具体可以包括：

步骤110，在第一网页页面接收第一页面切换指令。

此处，第一网页页面所属类目为第一类目，第一类目的网页页面具有层级关系，且第一网页页面属于第一类目的网页页面中低层级的网页页面。

可选地，第一类目的网页页面的层级关系可以通过第一类目树来呈现，即高层级的网页页面(一般只有一个)对应第一类目树的根节点，低层级的网页页面(可以为多个)对应第一类目树的子节点，也即上述第一网页页面对应第一类目树的子节点。

举例来说，第一网页页面可以如图2所示，图2中，“一级导航A”、“一级导航B”、“一级导航C”以及“一级导航D”为不同类目的网页页面所对应的类目树的根节点，也即图2中包括了四个类目的网页页面，其中，第一类目可以是指第二个类目；上述四个根节点与四个类目的高层级的网页页面相对应。从图2中可以看出，该四个根节点呈现在主导航结构中，也即用户通过点击主导航结构中的根节点，就可以方便地切换至该根节点对应的高层级的网页页面；此外，根节点为“一级导航B”的类目树还包括子节点：“二级B1”、“二级B2”以及“二级B3”，该三个子节点与第二个类目的网页页面中低层级的网页页面相对应，其中，第一网页页面与子节点“二级B2”相对应，也即第一网页页面为第二个类目的网页页面中低层级的网页页面；根节点为“一级导航C”的类目树还包括子节点：“二级C1”、“二级C2”以及“二级C3”，该三个子节点与第三个类目的网页页面中低层级的网页页面相对应。最后，图2中，还可以包括面包屑导航，该面包屑导航展示了第一网页页面的层级关系，其中，该层级关系是根据第一网页页面所属类目的类目树生成的。

图2中，对于低层级的网页页面，由于其对应的子节点并未呈现在主导航结构中，所以用户无法直接从第一网页页面切换至另一类目树中子节点对应的网页页面(如，子节点“二级C2”对应的网页页面)，也即无法实现跨类目的低层级的网页页面的切换。

为实现跨类目的低层级的网页页面的切换，在一个例子中，可以在图2所示的网页页面中设置按钮“跳转到C2”，该按钮可以与子节点“二级C2”对应的网页页面的地址信息(如，统一资源定位器(Uniform Resoure Locator，URL)地址)相关联；在设置上述按钮的情况下，第一页面切换指令可以由用户点击该按钮触发。

当然，在实际应用中，第一页面切换指令也可以不通过用户点击预先设置的网页控件(如，上述按钮)来触发，其可以通过用户点击Web系统接收到的通知消息来触发，其中，该通知消息包含了能切换至子节点“二级C2”对应的网页页面的链接信息(如，URL地址)等。

步骤120，根据第一页面切换指令，确定待切换至的第二网页页面。

可选地，当第一页面切换指令由用户点击按钮触发时，在该第一页面切换指令被触发时，获取与该按钮相关联的地址信息(如，URL地址)；并根据该地址信息，确定切换至的第二网页页面；当第一页面切换指令由用户点击通知消息触发时，在该第一页面切换指令被触发时，可以从通知消息中获取地址信息(如，URL地址)；并根据该地址信息，确定切换至的第二网页页面。

在此处，假设第二网页页面为图2中与子节点“二级C2”相对应的网页页面。

步骤130，当第二网页页面所属类目为第二类目，且第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取第一网页页面的地址信息。

可以理解的是，此处获取第一网页页面的地址信息的前提条件是两个：第一，第二网页页面所属类目为第二类目；第二，第二网页页面属于第二类目的网页页面中低层级的网页页面。当上述两个条件中的任一条件不满足，则获取第一网页页面的地址信息的前提条件不满足。比如，第二网页页面所属类目为第一类目(即不满足第一个前提条件)，或者，第二网页页面属于第二类目的网页页面中高层级的网页页面(即不满足第二前提条件)，则不获取第一网页页面的地址信息。

可选地，第二类目的网页页面的层级关系可以通过第二类目树来呈现，即高层级的网页页面(一般只有一个)对应第二类目树的根节点，低层级的网页页面(可以为多个)对应第二类目树的子节点。在第一类目为图2中的第二个类目的情况下，第二类目可以是指图2中除第一个类目之外的其它任一类目(如，第一个类目、第三个类目或者第四个类目)。

步骤130中第二网页页面所属类目的判断过程可以为：对第二网页页面对应的子节点所在的类目树进行分析，以确定该类目树的根节点；根据确定的根节点，来确定第二网页页面所属的类目。如前述例子中，子节点“二级C2”所在的类目树的根节点为“一级导航C”，也即第二网页页面所属类目为图2中的第三个类目，也即第二网页页面所属类目为第二类目；此外，由于第二网页页面与子节点“二级C2”相对应，而子节点与低层级的网页页面相对应，因此第二网页页面为低层级的网页页面；也即在该例中，同时满足了上述两个前提条件，因此可以获取子节点“二级B2”对应的网页页面的地址信息，也即可以获取第一网页页面的地址信息(如，URL地址)；在一个例子中，可以将获取的第一网页页面的地址信息进行存储。

可选地，在获取第一网页页面的地址信息之后，在切换至第二网页页面之前，本申请实施例还可以包括如下步骤：

接收用户对第一网页页面执行的编辑指令；

根据编辑指令，执行对第一网页页面的编辑操作；

获取编辑操作对应的编辑结果；

将编辑结果与地址信息对应存储。

举例来说，假设图2中子节点“二级B2”对应的网页页面为淘宝网中的某一商品展示页面，在该商品展示页面，用户可以输入商品的筛选条件(如，颜色、品牌等)，从而商品展示页面被刷新，以展示满足筛选条件的商品；此外用户也可以拖动商品展示页面中的滚动条，或者在商品展示页面执行滑动操作，以使商品展示页面滚动展示未展示的商品等。其中，上述用户输入商品的筛选条件、拖动滚动条或者执行的滑动操作可以被看作是用户执行的编辑指令；而商品展示页面被刷新，以展示满足筛选条件的商品以及商品展示页面滚动展示未展示的商品可以被看作是执行的编辑操作；此外，上述商品的筛选条件以及商品展示页面当前的位置信息可以被看作是编辑操作对应的编辑结果。

可以理解的是，如果用户在商品展示页面输入了筛选条件、拖动了商品展示页面中的滚动条或者执行了滑动操作，也即在第一网页页面执行了编辑操作，则可以获取编辑操作对应的编辑结果，并将该编辑结果与地址信息对应存储。

步骤140，切换至第二网页页面。

第二网页页面包含用于返回至第一网页页面的网页控件，网页控件与地址信息相关联。

此处的网页控件可以是指任意形式的返回按钮。在一个例子中，第二网页页面可以如图3所示。图3中，第二网页页面为与子节点“二级C2”对应的网页页面，该第二网页页面中还包含了面包屑导航，该面包屑导航的内容为“一级导航C/二级C2”；此外，该面包屑导航还包含了返回按钮

该返回按钮用于返回至第一网页页面，如，返回至图2中子节点“二级B2”对应的网页页面。在一种具体实现中，可以将上述返回按钮与子节点“二级B2”对应的网页页面的地址信息相关联，当接收到上述返回按钮的点击指令时，可以获取与其相关联的地址信息。

作为示例性说明，上述只是给出了一种网页控件的实现方式，在实际应用中，也可以将网页控件设置为其它形式的返回按钮(如，“←”)，或者，上述返回按钮也可以设置在面包屑导航的其它位置(如，靠近后侧)，或者，也可以不设置在面包屑导航中，而设置在第二网页页面的其它位置，本申请对此不作限定。

可选地，在切换至第二网页页面之后，还可以包括如下步骤：

接收对网页控件的点击指令；

根据点击指令，获取与网页控件相对应的地址信息；

根据地址信息，返回至第一网页页面，并在第一网页页面呈现与地址信息对应的编辑结果。

如前述例子中，当用户点击图3中的返回按钮

时，即可接收到点击指令，此时可以获取与该返回按钮相关联的第一网页页面的地址信息(如，子节点“二级B2”对应的网页页面的URL地址)，从而可以返回至第一网页页面；此外，若服务器或者系统或者装置记录了与第一网页页面的地址信息相对应的编辑结果，则在返回第一网页页面之后，在该第一网页页面中呈现与地址信息对应的编辑结果。如前述例子，若第一网页页面为淘宝网中的商品展示页面，且在切换至第二网页页面时，记录了第一网页页面中用户输入的商品的筛选条件以及商品展示页面当前的位置信息，则在返回至第一网页页面之后，可以设置该第一网页页面，如，向用户呈现之前输入的筛选条件，并呈现用户之前查看的商品展示页面的位置，从而可以提升用户体验。

综上，本申请通过在一个类目的低层级的网页页面中设置按钮(如，“跳转到C2”)，并将该按钮与另一个类目的低层级的网页页面的地址信息相关联，从而可以实现从一个类目的低层级的网页页面切换至另一个类目的低层级的网页页面；在切换至另一类目的低层级的网页页面之后，可以在另一类目的低层级的网页页面中新增网页控件，该网页控件与上述一个类目的低层级的网页页面相关联，当接收到对该网页控件的点击指令时，可以方便地返回至上述一个类目的低层级的网页页面，由此，方便地实现了跨类目的低层级的网页页面的来回切换。

需要说明的是，上述步骤110-步骤140描述的是第一网页页面与第二网页页面分别归属于不同类目的情况，当两者归属于同一类目时，属于现有技术中网页页面的切换过程，由于该切换过程可以直接通过主导航结构或者面包屑导航即可实现，因此，在切换至第二网页页面时，该第二网页页面可以不包含上述网页控件，从而达到与现有技术中网页页面的切换方法相兼容的目的。

还需要说明的是，对于第二网页页面，当其满足第一个前提条件，而不满足第二个前提条件的情况，比如，第二网页页面为第二类目中高层级的网页页面时，也可以在该第二网页页面中新增网页控件，并将该网页控件也第一网页页面的地址信息相关联，以方便快速地返回至第一网页页面。总之，本领域技术人员可以依据本申请的思路，扩展出其他的技术方案，但该扩展的技术方案都在本申请的保护范围之内。

与上述网页页面的切换方法对应地，本申请实施例还提供的一种网页页面的切换装置，如图4所示，该装置包括：

接收单元401，用于在第一网页页面接收第一页面切换指令，第一网页页面所属类目为第一类目，第一类目的网页页面具有层级关系，且第一网页页面属于第一类目的网页页面中低层级的网页页面。

此处，第一类目的网页页面的层级关系可以是通过第一类目树来呈现的，第一类目的网页页面中低层级的网页页面对应第一目标树的子节点。

可选地，第一页面切换指令可以由用户点击第一网页页面中的按钮触发，其中，按钮与第二网页页面的地址信息相关联；或者，第一页面切换指令也可以由用户点击接收到的通知消息触发，其中，通知消息包含能切换至第二网页页面的链接信息。

确定单元402，用于根据接收单元401接收的第一页面切换指令，确定待切换至的第二网页页面。

获取单元403，用于当确定单元402确定的第二网页页面所属类目为第二类目，且第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取第一网页页面的地址信息。

切换单元404，用于切换至第二网页页面，第二网页页面包含用于返回至第一网页页面的网页控件，网页控件与地址信息相关联。

可选地，该装置还可以包括：执行单元405和存储单元406。

接收单元401，还用于接收用户对第一网页页面执行的编辑指令；

执行单元405，用于根据接收单元401接收的编辑指令，执行对第一网页页面的编辑操作；

获取单元403，还用于获取编辑操作对应的编辑结果；

存储单元406，用于将获取单元403获取的编辑结果与地址信息对应存储。

可选地，该装置还可以包括：返回单元407和呈现单元408。

接收单元401，还用于接收对网页控件的点击指令；

获取单元403，还用于根据接收单元401接收的点击指令，获取与网页控件相对应的地址信息；

返回单元407，用于根据获取单元403获取的地址信息，返回至第一网页页面；

呈现单元408，用于在第一网页页面呈现与地址信息对应的编辑结果。

本申请实施例装置的各功能模块的功能，可以通过上述方法实施例的各步骤来实现，因此，本申请提供的装置的具体工作过程，在此不复赘述。

本申请提供的网页页面的切换装置，接收单元401在第一网页页面接收第一页面切换指令；确定单元402根据第一页面切换指令，确定待切换至的第二网页页面；当第二网页页面所属类目为第二类目，且第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取单元403获取第一网页页面的地址信息；切换单元404切换至第二网页页面，第二网页页面包含用于返回至第一网页页面的网页控件，网页控件与地址信息相关联。由此，实现了跨类目的低层级的网页页面的来回切换，从而可以提升用户体验。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本发明所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。

以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的技术方案的基础之上，所做的任何修改、等同替换、改进等，均应包括在本发明的保护范围之内。

Claims (10)

1.一种网页页面的切换方法，其特征在于，包括：

在第一网页页面接收第一页面切换指令，所述第一网页页面所属类目为第一类目，所述第一类目的网页页面具有层级关系，且所述第一网页页面属于所述第一类目的网页页面中低层级的网页页面；

根据所述第一页面切换指令，确定待切换至的第二网页页面；

当所述第二网页页面所属类目为第二类目，且所述第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取所述第一网页页面的地址信息，所述第一类目与所述第二类目分别对应第一类目树和第二类目树，所述第一类目树的高层级的网页页面对应第一类目树的根节点，所述第一类目树的高层级的网页页面对应第二类目树的根节点，低层级的网页页面是在面包屑导航中不呈现的页面；

切换至所述第二网页页面，所述第二网页页面包含用于返回至所述第一网页页面的网页控件，所述网页控件与所述地址信息相关联。

2.根据权利要求1所述的方法，其特征在于，在所述切换至所述第二网页页面之前，所述方法还包括：

接收用户对所述第一网页页面执行的编辑指令；

根据所述编辑指令，执行对所述第一网页页面的编辑操作；

获取所述编辑操作对应的编辑结果；

将所述编辑结果与所述地址信息对应存储。

3.根据权利要求2所述的方法，其特征在于，所述方法还包括：

接收对所述网页控件的点击指令；

根据所述点击指令，获取与所述网页控件相对应的所述地址信息；

根据所述地址信息，返回至所述第一网页页面，并在所述第一网页页面呈现与所述地址信息对应的所述编辑结果。

4.根据权利要求1所述的方法，其特征在于，所述第一页面切换指令由用户点击所述第一网页页面中的按钮触发，其中，所述按钮与所述第二网页页面的地址信息相关联；或者，

所述第一页面切换指令由用户点击接收到的通知消息触发，其中，所述通知消息包含能切换至所述第二网页页面的链接信息。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述第一类目的网页页面的层级关系是通过第一类目树来呈现的，所述第一类目的网页页面中低层级的网页页面对应所述第一类目树的子节点。

6.一种网页页面的切换装置，其特征在于，包括：

接收单元，用于在第一网页页面接收第一页面切换指令，所述第一网页页面所属类目为第一类目，所述第一类目的网页页面具有层级关系，且所述第一网页页面属于所述第一类目的网页页面中低层级的网页页面；

确定单元，用于根据所述接收单元接收的所述第一页面切换指令，确定待切换至的第二网页页面；

获取单元，用于当所述确定单元确定的所述第二网页页面所属类目为第二类目，且所述第二网页页面属于第二类目的网页页面中低层级的网页页面时，获取所述第一网页页面的地址信息，所述第一类目与所述第二类目分别对应第一类目树和第二类目树，所述第一类目树的高层级的网页页面对应第一类目树的根节点，所述第一类目树的高层级的网页页面对应第二类目树的根节点，低层级的网页页面是在面包屑导航中不呈现的页面；

切换单元，用于切换至所述第二网页页面，所述第二网页页面包含用于返回至所述第一网页页面的网页控件，所述网页控件与所述地址信息相关联。

7.根据权利要求6所述的装置，其特征在于，还包括：执行单元和存储单元；

所述接收单元，还用于接收用户对所述第一网页页面执行的编辑指令；

所述执行单元，用于根据所述接收单元接收的所述编辑指令，执行对所述第一网页页面的编辑操作；

所述获取单元，还用于获取所述编辑操作对应的编辑结果；

所述存储单元，用于将所述获取单元获取的所述编辑结果与所述地址信息对应存储。

8.根据权利要求7所述的装置，其特征在于，还包括：返回单元和呈现单元；

所述接收单元，还用于接收对所述网页控件的点击指令；

所述获取单元，还用于根据所述接收单元接收的所述点击指令，获取与所述网页控件相对应的所述地址信息；

所述返回单元，用于根据所述获取单元获取的所述地址信息，返回至所述第一网页页面；

所述呈现单元，用于在所述第一网页页面呈现与所述地址信息对应的所述编辑结果。

9.根据权利要求6所述的装置，其特征在于，所述第一页面切换指令由用户点击所述第一网页页面中的按钮触发，其中，所述按钮与所述第二网页页面的地址信息相关联；或者，

所述第一页面切换指令由用户点击接收到的通知消息触发，其中，所述通知消息包含能切换至所述第二网页页面的链接信息。

10.根据权利要求6-9任一项所述的装置，其特征在于，所述第一类目的网页页面的层级关系是通过第一类目树来呈现的，所述第一类目的网页页面中低层级的网页页面对应所述第一类目树的子节点。

Images