页面显示方法、装置、电子设备及计算机可读存储介质与流程

1.本技术涉及计算机技术领域，具体而言，本技术涉及一种页面显示方法、装置、电子设备及计算机可读存储介质。


背景技术：

2.在网页开发中，路由(route)是指根据统一资源定位标志(uniform resource locator，url)分配到对应的处理程序，即根据不同的url地址，服务器处理不同的业务以及逻辑。react router是一个基于react开发框架的强大路由库，它可以向应用中快速地添加视图和数据流，同时保持页面与url间的同步。
3.标签页主要用于对平级信息进行分类收纳和展示，标签页包含页签头和页签内容，页签头的页签切换，页签内容相应改变。
4.相关技术中，由于多个标签页对应同一个url地址，导致导航界面的导航菜单项与标签页之间不能联动，触发导航菜单项时，不能渲染到目标标签页。


技术实现要素：

5.本技术的目的在于至少能解决上述的技术缺陷之一，特别是无法路由到指定的标签页的技术缺陷。
6.根据本技术的一个方面，提供了一种页面显示方法，该方法包括：
7.接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；其中，所述导航界面中包括标签，至少两个所述标签对应的页面路由地址不同；
8.基于所述目标页面路由地址，显示所述目标标签对应的页面。
9.可选的，所述接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址，包括：
10.接收针对所述目标标签的触发操作；
11.根据第一预设对应关系，获取所述目标标签对应的目标页面路由地址。
12.可选的，所述接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址，包括：
13.响应于用户在地址栏的输入操作，获取所述目标页面路由地址。
14.可选的，所述基于所述目标页面路由地址，显示所述目标标签对应的页面，包括：
15.对所述目标页面路由地址进行解析，获取所述目标页面路由地址中的目标参数值；
16.根据第二预设对应关系，确定所述目标参数值对应的目标页面标识；
17.根据所述目标页面标识，显示所述目标标签对应的页面。
18.可选的，所述根据所述目标页面标识，显示所述目标标签对应的页面，包括：
19.根据所述目标页面标识，获取所述目标页面标识对应的页面元素控件；
20.显示所述目标标签对应的页面，并在所述页面上显示所述页面元素控件。
21.可选的，所述目标标签对应的页面包括目标标签页页面，所述目标标签页页面为所述导航界面中的子页面。
22.可选的，所述方法还包括：
23.接收对所述目标标签进行切换的触发操作；
24.显示指示所述目标标签页页面发生切换的指示信息。
25.根据本技术的另一个方面，提供了一种页面显示装置，该装置包括：
26.获取模块，用于接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；其中，所述导航界面中包括标签，至少两个所述标签对应的页面路由地址不同；
27.显示模块，用于基于所述目标页面路由地址，显示所述目标标签对应的页面。
28.根据本技术的另一个方面，提供了一种电子设备，该电子设备包括：
29.一个或多个处理器；
30.存储器；
31.一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个程序配置用于：执行根据本技术第一方面任一项所述的页面显示方法。
32.例如，本技术的第三方面，提供了一种计算设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；
33.存储器用于存放至少一可执行指令，可执行指令使处理器执行如本技术的第一方面所示的页面显示方法对应的操作。
34.根据本技术的再一个方面，提供了一种计算机可读存储介质，所述计算机程序被处理器执行时实现本技术第一方面任一项所述的页面显示方法。
35.例如，本技术实施例的第四方面，提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现本技术第一方面所示的页面显示方法。
36.根据本技术的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述第一方面的各种可选实现方式中提供的方法。
37.本技术提供的技术方案带来的有益效果是：
38.本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
附图说明
39.为了更清楚地说明本技术实施例中的技术方案，下面将对本技术实施例描述中所
需要使用的附图作简单地介绍。
40.图1为本技术实施例提供的一种页面显示方法的系统架构示意图；
41.图2为本技术实施例提供的一种页面显示方法的流程示意图；
42.图3为本技术实施例提供的一种页面显示方法的应用场景示意图；
43.图4为本技术实施例提供的一种页面显示装置的结构示意图；
44.图5为本技术实施例提供的一种页面显示的电子设备的结构示意图。
具体实施方式
45.下面详细描述本技术的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本技术，而不能解释为对本技术的限制。
46.本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本技术的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
47.为使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术实施方式作进一步地详细描述。
48.首先对本技术涉及的几个名词进行介绍和解释：
49.导航栏：导航栏是指位于页面顶部或者侧边区域的，在页眉横幅图片上边或下边的一排水平导航按钮，它起着链接站点或者软件内的各个页面的作用。
50.路由：路由(route)是指根据统一资源定位标志(uniform resource locator，url)分配到对应的处理程序，即根据不同的url地址，服务器处理不同的业务以及逻辑。
51.antd标签页(tabs)是一种多面板单内容区组件，用于把平级的区域内容划分为多个部分，根据当前活动的页签展示不同的内容，每个标签页中标题与内容相关。其中，antd全称ant design,是蚂蚁金服开发的前端设计语言和组件库。
52.antd标签页组件设计中，基础的标签层级结构为《tabs》《tabs.tabpane》{content}《/tabs.tabpane》《/tabs》，外层的《tabs》《/tabs》标签提供应用程序接口(application programming interface，api)控制当前活动页签(activekey)，tabs尺寸(size)，页签基本样式(type)，面板切换回调(onchange)等属性；内层《tabs.tabpane》{content}《/tabs.tabpane》由标题区域《tabs.tabpane》《/tabs.tabpane》和内容区域{content}组成。标题区域主要提供api定义关闭图标(closeicon)，页签key(key)以及页签文字(tab)。一个《tabs》《/tabs》包含多个《tabs.tabpane》{content}《/tabs.tabpane》，以实现内容分类和收纳显示。
53.本技术提供的页面显示方法、装置、电子设备和计算机可读存储介质，旨在解决现有技术的如上技术问题。
54.下面以具体地实施例对本技术的技术方案以及本技术的技术方案如何解决上述
技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本技术的实施例进行描述。
55.以下结合图1对本技术实施例的系统架构进行说明，图1是本技术实施例提供的一种系统架构示意图。如图1所示，该系统可以包括服务器10a以及用户终端集群，用户终端集群可以包括：用户终端10b、用户终端10c、
……
、用户终端10d，其中，用户终端集群之间可以存在通信连接，例如用户终端10b与用户终端10c之间存在通信连接，用户终端10b与用户终端10d之间存在通信连接。同时，用户终端集群中的任一用户终端可以与服务器10a存在通信连接，例如用户终端10b与服务器10a之间存在通信连接，用户终端10c与服务器10a之间存在通信连接，其中，上述的通信连接不限定连接方式，可以通过有线通信方式进行直接或间接地连接，也可以通过无线通信方式进行直接或间接地连接，还可以通过其他方式，本技术在此不做限制。
56.服务器10a通过通信连接功能为用户终端集群提供服务，服务器10a可以是页面处理的后台服务器，用户终端10b、用户终端10c、
…
、用户终端10d均可以通过通信连接功能连接服务器。其中，上述通信连接的网络可以通过网络可以是广域网或者局域网，又或者是二者的组合。
57.在本技术实施例中，页面显示方法，可以通过服务器10a实现，也可以通过终端设备实现。
58.当通过服务器执行本技术的页面显示方法时，可以响应于接收到指示启动导航界面中的目标标签的启动操作，由服务器获取所述目标标签对应的目标页面路由地址，例如，url地址；然后，启动所述目标页面路由地址，并指示终端显示所述目标标签对应的页面。
59.此外，当通过终端设备执行本技术的页面显示方法时，终端设备可以接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；启动所述目标页面路由地址，并显示所述目标标签对应的页面。
60.本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
61.可以理解的是，本技术实施例所提供的方法可以由计算机设备执行，计算机设备包括但不限于终端(也包括上述的用户终端)或服务器(也包括上述的服务器10a)。上述服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、cdn、以及大数据和人工智能平台等基础云计算服务的云服务器。上述终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，本技术在此不做限制。
62.其中，图1中的服务器10a、用户终端10b、用户终端10c以及用户终端10d可以包括手机、平板电脑、笔记本电脑、掌上电脑。
63.本技术实施例提供了一种页面显示方法，该方法的执行主体可以为具有页面切换
能力的各种终端设备或服务器设备，也可以为集成在这些设备上的装置或芯片。如图2所示，其为本技术实施例提供的一种页面显示方法的流程示意图，该方法包括如下步骤：
64.s201：接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址。
65.其中，所述导航界面中包括标签，至少两个所述标签对应的页面路由地址不同。
66.可选的，本技术实施例可以应用于界面处理领域，具体涉及页面切换的相关处理。
67.导航界面可以包括任一界面，导航界面中可以包括标签，用户可以通过对标签的触发操作，访问到标签对应的页面。
68.作为示例，结合图3所示，导航界面中可以设置有一个或者多个导航菜单项，如图3中所示，导航菜单栏中包括“产品”、“支持”、“论坛”、“联系我们”四个导航菜单项。其中，每个导航菜单项可以对应导航进入一个类型内容的页面。可选的，每个导航菜单项可以对应一个或多个标签，每个标签可以对应相应的页面，即标签页页面。例如，图3中所示，“联系我们”的导航菜单项下包括“商务合作”、“技术支持”、“意见与建议”、“联系方式”四个标签。在实际场景中，响应于对标签的触发操作，可以打开该标签对应的标签页页面。
69.其中，标签页页面可以作为导航界面中的子页面，即标签页页面显示于导航界面中。可选的，本技术实施例中的标签页页面可以包括ant design标签页页面，即antd标签页。
70.本技术实施例中，目标标签可以包括导航界面中的任一标签；可选的，导航界面中可以包括多个标签。具体的，可以将多个标签分别布置于导航界面的对应位置；此外，为了便于用户根据标签涉及的内容类别，查找对应的标签，还可以将内容类别相同的至少两个标签折叠设置于一个导航菜单项下，通过用户对导航菜单项的触发操作，可以展示该导航菜单项对应的各个标签。结合图3，当点击“联系我们”的导航菜单项时，可以展示该导航菜单项包括的“商务合作”、“技术支持”、“意见与建议”、“联系方式”四个标签。
71.本技术实施例中，启动导航界面中的目标标签的启动操作可以通过多种方式实现。可选的，本技术实施例中，启动操作可以包括对目标标签的触发操作，例如，对目标标签的触发操作可以包括点击目标标签、滑动目标标签到指定位置等操作；此外，启动操作还可以包括在地址栏输入目标标签对应的目标页面路由地址的输入操作等等。
72.在所述启动操作后，可以获取所述目标标签对应的目标页面路由地址。具体的，当启动操作为对目标标签的触发操作时，可以针对该触发操作，确定所触发的目标标签对应的目标链接；然后获取该目标链接对应的目标页面路由地址。此外，当启动操作为在地址栏中输入目标页面路由地址的输入操作时，则可以直接获取地址栏中的目标页面路由地址。
73.需要说明的是，为实现在启动每个标签时，可以打开相应的标签对应的标签页页面，本技术实施例中，导航界面所包括的各个标签中，至少两个所述标签对应的页面路由地址不同。可选的，在实际场景中，导航界面中的各个标签对应的页面路由地址可以均不相同。
74.本技术实施例中，每个标签对应的页面路由地址中可以包含该页面路由地址对应的参数值，所述参数值与页面路由地址一一对应，从而用于标识标签对应的页面路由地址。可选的，所述参数值可以为页面路由地址的路径参数，所述路径参数可以为所述页面路由地址的中的关键字key值。例如，页面路由地址为https://ip:port/.../business时，则路
径参数key值为“business”。
75.s202：基于所述目标页面路由地址，显示所述目标标签对应的页面。
76.具体的，获取所述目标标签对应的目标页面路由地址后，可以基于所述目标页面路由地址，显示所述目标标签对应的页面。其中，目标标签对应的页面可以包括目标标签页页面；目标标签页页面可以位于导航界面中，作为导航界面的子页面。
77.本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
78.在本技术的一个实施例中，所述接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址，包括：
79.接收针对所述目标标签的触发操作；
80.根据第一预设对应关系，获取所述目标标签对应的目标页面路由地址。
81.具体的，针对所述目标标签的触发操作可以包括点击目标标签、滑动目标标签到指定位置等触发操作。
82.本技术实施例中，对于导航界面中的各个标签，可以预先建立每个标签与其对应的页面路由地址之间的对应关系，这样，当接收到针对目标标签的触发操作时，可以根据标签与页面路由地址之间的对应关系，即第一预设对应关系，确定所述目标标签对应的目标页面路由地址。
83.可选的，本技术实施例中，页面路由地址可以包括统一资源定位标志(uniform resource locator，url)。
84.在本技术的一个实施例中，所述接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址，包括：
85.响应于用户在地址栏的输入操作，获取所述目标页面路由地址。
86.本技术实施例中，对目标标签的启动操作还可以包括在地址栏输入目标标签对应的目标页面路由地址的输入操作，例如，当用户在地址栏中输入目标页面路由地址后，可以获取地址栏中的所述目标页面路由地址。
87.在本技术的一个实施例中，所述基于所述目标页面路由地址，显示所述目标标签对应的页面，包括：
88.对所述目标页面路由地址进行解析，获取所述目标页面路由地址中的目标参数值；
89.根据第二预设对应关系，确定所述目标参数值对应的目标页面标识；
90.根据所述目标页面标识，显示所述目标标签对应的页面。
91.具体的，获取所述目标页面路由地址后，可以对所述目标页面路由地址进行解析，获取所述目标页面路由地址中的目标参数值。其中，目标参数值可以为目标页面路由地址中的路径参数，路径参数可以用于唯一的标识页面路由地址，因此，可以理解的是，不同的页面路由地址，其对应的路径参数是不同的。
92.可选的，路径参数可以位于所述目标页面路由地址的后缀部分，因此，可以通过目
标页面路由地址的后缀部分确定目标参数值。例如，页面路由地址为https://ip:port/.../business时，其中，路径参数为“business”。
93.此外，本技术实施例中，第二预设对应关系可以包括页面路由地址的参数值(即路径参数)与页面标识之间的对应关系，其中，页面标识为标签对应的页面的标识。根据第二预设对应关系，可以确定所述目标参数值对应的目标页面标识。可选的，本技术实施例中，页面标识可以为页面标题tab，所述第二预设对应关系可以为：const panes＝{
94.[key1:“business”,tab1:“商务合作”],
[0095]
[key2:“tec-support”,tab2:“技术支持”],
[0096]
[key3:“advices”,tab3:“意见与建议”]，
[0097]
[key4:“connect-approach”,tab4:“联系方式”]
[0098]
}
[0099]
进一步的，根据所述目标页面标识，可以显示所述目标标签对应的页面。
[0100]
在本技术的一个实施例中，所述根据所述目标页面标识，显示所述目标标签对应的页面，包括：
[0101]
根据所述目标页面标识，获取所述目标页面标识对应的页面元素控件；
[0102]
显示所述目标标签对应的页面，并在所述页面上显示所述页面元素控件。
[0103]
具体的，目标标签页页面中可以包括多个页面元素控件，例如，页面元素控件可以包括按钮控件、下拉框控件、矩形框控件、背景图控件等等。本技术实施例中，可以根据所述目标页面标识，获取该目标标签页页面的页面元素控件，进而显示所述目标标签对应的页面，并在所述页面上显示所述页面元素控件。
[0104]
在本技术的一个实施例中，所述方法还包括：
[0105]
接收对所述目标标签进行切换的触发操作；
[0106]
显示指示所述目标标签页页面发生切换的指示信息。
[0107]
具体的，本技术实施例中，对所述目标标签进行切换的触发操作可以包括触发启动目标标签以外的其他标签的操作，例如，所述触发操作可以包括点击其他标签或者滑动其他标签的操作，通过所述触发操作可以对所述目标标签进行切换，即启动目标标签以外的其他标签。
[0108]
响应于接收到对所述目标标签进行切换的触发操作，可以显示指示所述目标标签页页面发生切换的指示信息。
[0109]
可选的，在本技术实施例中，可以通过回调函数onchange显示指示所述目标标签页页面发生切换的指示信息；此外，切换所述目标标签后，可以相应的切换标签页页面的defaultactivekey属性为当前标签对应的路径参数key值，也就是说，defaultactivekey属性对应的key值即为当前显示的标签页页面对应的路径参数key值。
[0110]
本技术实施例中，通过在接收到对所述目标标签进行切换的触发操作时，显示指示所述目标标签页页面发生切换的指示信息；从而实现提示用户标签页页面发生切换，提升人机界面的交互性，进而提升用户的使用体验。
[0111]
本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签
时，可以打开目标标签对应的页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
[0112]
本技术实施例提供了一种页面显示装置，如图4所示，该页面显示装置40可以包括：获取模块401、显示模块402，其中，
[0113]
获取模块401，用于接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；其中，所述导航界面中包括标签，至少两个所述标签对应的页面路由地址不同；
[0114]
显示模块402，用于基于所述目标页面路由地址，显示所述目标标签对应的页面。
[0115]
可选的，获取模块401，具体用于接收针对所述目标标签的触发操作；
[0116]
根据第一预设对应关系，获取所述目标标签对应的目标页面路由地址。
[0117]
可选的，获取模块401，具体用于响应于用户在地址栏的输入操作，获取所述目标页面路由地址。
[0118]
可选的，显示模块402，具体用于对所述目标页面路由地址进行解析，获取所述目标页面路由地址中的目标参数值；
[0119]
根据第二预设对应关系，确定所述目标参数值对应的目标页面标识；
[0120]
根据所述目标页面标识，显示所述目标标签对应的页面。
[0121]
可选的，显示模块402，具体用于根据所述目标页面标识，获取所述目标页面标识对应的页面元素控件；
[0122]
显示所述目标标签对应的页面，并在所述页面上显示所述页面元素控件。
[0123]
可选的，所述目标标签对应的页面包括目标标签页页面，所述目标标签页页面作为所述导航界面中的子页面。
[0124]
可选的，该装置还包括切换模块：
[0125]
切换模块用于，接收对所述目标标签进行切换的触发操作；
[0126]
显示指示所述目标标签页页面发生切换的指示信息。
[0127]
本实施例的页面显示装置可执行本技术上述实施例所示的页面显示方法，其实现原理相类似，此处不再赘述。
[0128]
本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
[0129]
本技术实施例中提供了一种电子设备，该电子设备包括：存储器和处理器；至少一个程序，存储于存储器中，用于被处理器执行时，与现有技术相比可实现：本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
[0130]
在一个可选实施例中提供了一种电子设备，如图5所示，图5所示的电子设备4000包括：处理器4001和存储器4003。其中，处理器4001和存储器4003相连，如通过总线4002相
连。可选地，电子设备4000还可以包括收发器4004，收发器4004可以用于该电子设备与其他电子设备之间的数据交互，如数据的发送和/或数据的接收等。需要说明的是，实际应用中收发器4004不限于一个，该电子设备4000的结构并不构成对本技术实施例的限定。
[0131]
处理器4001可以是cpu(central processing unit，中央处理器)，通用处理器，dsp(digital signal processor，数据信号处理器)，asic(application specific integrated circuit，专用集成电路)，fpga(field programmable gate array，现场可编程门阵列)或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本技术公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器4001也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，dsp和微处理器的组合等。
[0132]
总线4002可包括一通路，在上述组件之间传送信息。总线4002可以是pci(peripheral component interconnect，外设部件互连标准)总线或eisa(extended industry standard architecture，扩展工业标准结构)总线等。总线4002可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
[0133]
存储器4003可以是rom(read only memory，只读存储器)或可存储静态信息和指令的其他类型的静态存储设备，ram(random access memory，随机存取存储器)或者可存储信息和指令的其他类型的动态存储设备，也可以是eeprom(electrically erasable programmable read only memory，电可擦可编程只读存储器)、cd-rom(compact disc read only memory，只读光盘)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。
[0134]
存储器4003用于存储执行本技术方案的应用程序代码(计算机程序)，并由处理器4001来控制执行。处理器4001用于执行存储器4003中存储的应用程序代码，以实现前述方法实施例所示的内容。
[0135]
其中，电子设备包括但不限于：移动电话、笔记本电脑、多媒体播放器、台式计算机等。
[0136]
本技术实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，当其在计算机上运行时，使得计算机可以执行前述方法实施例中相应内容。
[0137]
本技术实施例通过接收指示启动导航界面中的目标标签的启动操作，获取所述目标标签对应的目标页面路由地址；基于所述目标页面路由地址，显示所述目标标签对应的页面；由于导航界面中至少两个所述标签对应的页面路由地址不同，因此，在启动目标标签时，可以打开目标标签对应的标签页页面，实现了准确的路由到目标标签对应的页面，提升用户的使用体验。
[0138]
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻
执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
[0139]
以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。