CN109948101B - 页面切换方法、装置、存储介质及电子设备 - Google Patents

Abstract

本申请实施例公开了一种页面切换方法、装置、存储介质及电子设备，页面切换方法包括：获取具有多个链接标签的第一锚点页面；当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。从最近浏览的第四锚点页面返回之前浏览的第二锚点页面，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，提高浏览效率。

Description

页面切换方法、装置、存储介质及电子设备

技术领域

本申请涉及电子技术领域，特别涉及一种页面切换方法、装置、存储介质及电子设备。

背景技术

随着电子技术的发展，诸如智能手机等电子设备的智能化程度越来越高。电子设备可以通过滑动操作进行页面切换的操作。相关技术中，锚点链接经常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于阅读书籍时的目录页码或章回提示。但在利用锚点链接返回上一页面时会回到上一页面的顶端位置，浏览不方便。

发明内容

本申请实施例提供一种页面切换方法、装置、存储介质及电子设备，能够通过利用锚点链接返回上一页面时显示上一页面进入另一页面时的内容。

第一方面，本申请实施例提供一种页面切换方法，其包括：

获取具有多个链接标签的第一锚点页面；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；

当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。

第二方面，本申请实施例提供一种页面切换方法，其包括：

获取具有多个链接标签的第一锚点页面；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

当接收到第一滑动指令时，从所述第三锚点页面通过锚点链接滑动返回所述第二锚点页面。

第三方面，本申请实施例提供一种页面切换装置，其包括：

第一锚点页面获取模块，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块，用于当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

第三锚点页面获取模块，用于当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

第四锚点页面获取模块，用于当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；

切换模块，用于当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。

第四方面，本申请实施例提供一种页面切换装置，其包括：

第一锚点页面获取模块，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块，用于当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

第三锚点页面获取模块，用于当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

切换模块，用于当接收到第一滑动指令时，从所述第三锚点页面通过锚点链接滑动返回所述第二锚点页面。

第五方面，本申请实施例还提供一种存储介质，其上存储有计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行上述页面切换方法的步骤。

第六方面，本申请实施例还提供一种电子设备，所述电子设备包括处理器和存储器，所述存储器中存储有计算机程序，所述处理器通过调用所述存储器中存储的所述计算机程序，用于执行上述页面切换方法的步骤。

本申请实施例提供的页面切换方法、装置、存储介质及电子设备，其先获取具有多个链接标签的第一锚点页面；然后当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；接着当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；再然后当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；最后当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。从最近浏览的第四锚点页面返回之前浏览的第二锚点页面，可以记忆之前的浏览位置，而不是返回之前锚点页面的顶端位置，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，简化操作，方便用户浏览锚点页面，提高浏览效率。

附图说明

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

图1为本申请实施例提供的页面切换方法的应用场景示意图一。

图2为本申请实施例提供的页面切换方法的应用场景示意图二。

图3为本申请实施例提供的页面切换方法的应用场景示意图三。

图4为本申请实施例提供的页面切换方法的应用场景示意图四。

图5为本申请实施例提供的页面切换方法的第一种流程示意图。

图6为本申请实施例提供的页面切换方法的第二种流程示意图。

图7为本申请实施例提供的页面切换方法的第三种流程示意图。

图8为本申请实施例提供的页面切换装置的结构示意图。

图9为本申请实施例提供的页面切换装置的另一结构示意图。

图10为本申请实施例提供的电子设备的第一种结构示意图。

图11为本申请实施例提供的电子设备的第二种结构示意图。

具体实施方式

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

本申请实施例提供一种页面切换方法，页面切换方法可以应用于电子设备中。电子设备可以是智能手机、平板电脑、游戏设备、增强现实(Augmented Reality，AR)设备、数据存储装置、音频播放装置、视频播放装置、笔记本、桌面计算设备、可穿戴设备诸如手表、眼镜、头盔、电子手链、电子项链、电子衣物等具有显示屏的设备。

请参阅图1-图4，图1-图4均为本申请实施例提供的页面切换方法的应用场景示意图。首先电子设备的显示界面根据用户的操作进入第一锚点页面，第一锚点页面上具有多个链接标签。当接收用户的第一操作信息时(如上滑操作、上拉操作等)，控制第一锚点页面的多个链接标签移动，得到第二锚点页面。当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面。当接收第二操作信息时(如上滑操作、上拉操作等)，控制第三锚点页面的信息移动，得到第四锚点页面。当接收到第一滑动指令时(如右滑指令)，从第四锚点页面通过锚点链接直接滑动返回第二锚点页面。其中，在滑动返回过程中，显示界面同时显示第四锚点页面和第二锚点页面。从最近浏览的第四锚点页面返回之前浏览的第二锚点页面，可以记忆之前的浏览位置，而不是返回之前锚点页面的顶端位置，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，简化操作，方便用户浏览锚点页面，提高浏览效率。

参考图5，图5为本申请实施例提供的页面切换方法的第一种流程示意图。其中，页面切换方法具体包括：

101，获取具有多个链接标签的第一锚点页面。

链接标签可以用于当其被点击时，显示界面切换显示链接标签对应的页面。例如，链接标签对应的是电影简介页面，当该链接标签被用户点击时，显示界面从当前的页面切换到电影简介页面。

链接标签可以以文字的形式呈现，也可以以图片的形式呈现，也可以以视频的形式呈现，也可以以文字加图片的形式呈现，也可以以文字加视频的形式呈现。

在电子设备使用过程中，可以进入浏览器应用，在浏览器应用中可以进入第一锚点页面，第一锚点页面上具有多个链接标签。第一锚点页面的网址信息中包括符号“#”，并且符号“#”前面为统一资源定位符(url)，为了方便理解，下面可以就第一锚点页面的网址信息进行示例式举例，例如，第一锚点页面可以为https://www.baidu.com/#iact＝wiseindex％2Ftabs％2Fnews％2Factivity％2Fnewsde。其中，符号“#”前面的统一资源定位符(url)为https://www.baidu.com。

电子设备的显示界面根据用户的操作进入第一锚点页面，第一锚点页面上具有多个链接标签，通过任意一个链接标签可以进入另一锚点页面。

102，当接收第一操作信息时，控制第一锚点页面的多个链接标签移动，得到第二锚点页面。

显示界面显示第一锚点页面，此时若接收第一操作信息，则控制第一锚点页面的多个链接标签移动，得到第二锚点页面。其中，第一操作信息可以为上滑操作、上拉操作等，也可以为上滑操作、上滑操作等组合操作。第一锚点页面的多个链接标签根据第一操作信息移动。其中，当第一操作信息为上滑操作时，第一锚点页面顶部的链接标签逐渐隐藏，第一锚点页面底部的新的链接标签逐渐显示出来，也可以理解为有新的链接标签替换新的链接标签，从而得到第二锚点页面。

需要说明的是，第一锚点页面的链接标签是不重复的，即下滑出现的新的链接标签是前面没有出现过的，一直有新的链接标签出现，提供更多的浏览信息给用户。因为显示界面的显示区域有限，第一锚点页面展示的链接标签有限，可以预先在后台加载更多的链接标签，当接收到向下滑动指令时，将后台更多的链接标签展示，同时隐藏之前展示过的链接标签。当然，也可以接收到向下滑动指令后，再加载更多的链接标签，在此不做限定。

103，当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面。

显示界面显示第二锚点页面，此时接收到用户的点击信息时，根据点击信息对应的链接标签通过锚点链接方式进入第三锚点页面。

104，当接收第二操作信息时，控制第三锚点页面的信息移动，得到第四锚点页面。

显示界面显示第三锚点页面，此时若接收第二操作信息，则控制第三锚点页面的信息移动，得到第四锚点页面。其中，第二操作信息可以为上滑操作、上拉操作等，也可以为上滑操作、上滑操作等组合操作。第三锚点页面的信息根据第一操作信息移动。其中，当第二操作信息为上滑操作时，第三锚点页面顶部的信息逐渐隐藏，第三锚点页面底部的新的信息逐渐显示出来，也可以理解为有新的信息替换旧的信息，从而得到第四锚点页面。

需要说明的是，其中第三锚点页面的信息可以为多个链接标签，也可以为文字信息、图片信息等。第三锚点页面的信息是不重复的，即下滑出现的新的信息是前面没有出现过的，一直有新的信息出现，提供更多的浏览信息给用户。因为显示界面的显示区域有限，第三锚点页面展示的信息有限，可以预先在后台加载更多的信息，当接收到向下滑动指令时，将后台更多的信息展示，同时隐藏之前展示过的信息。当然，也可以接收到向下滑动指令后，再加载更多的信息，在此不做限定。

105，当接收到第一滑动指令时，从第四锚点页面通过锚点链接滑动返回第二锚点页面。

显示界面显示第三锚点页面，此时若接收到第一滑动指令，则第四锚点页面通过锚点链接滑动返回第二锚点页面。其中，第一滑动指令可以为右滑指令，第四锚点页面逐渐向右隐藏，同时第二锚点页面逐渐向右显示。在滑动返回过程中，显示界面同时显示第四锚点页面和第二锚点页面，并且第四锚点页面的显示内容逐渐向右移动，直至全部消失在显示界面上。第二锚点页面的显示内容逐渐向右移动，直至完全显示在显示界面上。

从最近浏览的第四锚点页面返回之前浏览的第二锚点页面，可以记忆之前的浏览位置，而不是返回之前锚点页面的顶端位置，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，简化操作，方便用户浏览锚点页面，提高浏览效率。

参考图6，图6为本申请实施例提供的页面切换方法的第二种流程示意图。其中，页面切换方法具体包括：

201，获取具有多个链接标签的第一锚点页面。

链接标签可以用于当其被点击时，显示界面切换显示链接标签对应的页面。例如，链接标签对应的是电影简介页面，当该链接标签被用户点击时，显示界面从当前的页面切换到电影简介页面。

链接标签可以以文字的形式呈现，也可以以图片的形式呈现，也可以以视频的形式呈现，也可以以文字加图片的形式呈现，也可以以文字加视频的形式呈现。

在电子设备使用过程中，可以进入浏览器应用，在浏览器应用中可以进入第一锚点页面，第一锚点页面上具有多个链接标签。第一锚点页面的网址信息中包括符号“#”，并且符号“#”前面为统一资源定位符(url)。

电子设备的显示界面根据用户的操作进入第一锚点页面，第一锚点页面上具有多个链接标签，通过任意一个链接标签可以进入另一锚点页面。

202，当接收第一操作信息时，控制第一锚点页面的多个链接标签移动，得到第二锚点页面。

显示界面显示第一锚点页面，此时若接收第一操作信息，则控制第一锚点页面的多个链接标签移动，得到第二锚点页面。其中，第一操作信息可以为上滑操作、上拉操作等，也可以为上滑操作、上滑操作等组合操作。第一锚点页面的多个链接标签根据第一操作信息移动。其中，当第一操作信息为上滑操作时，第一锚点页面顶部的链接标签逐渐隐藏，第一锚点页面底部的新的链接标签逐渐显示出来，也可以理解为有新的链接标签替换新的链接标签，从而得到第二锚点页面。

需要说明的是，第一锚点页面的链接标签是不重复的，即下滑出现的新的链接标签是前面没有出现过的，一直有新的链接标签出现，提供更多的浏览信息给用户。因为显示界面的显示区域有限，第一锚点页面展示的链接标签有限，可以预先在后台加载更多的链接标签，当接收到向下滑动指令时，将后台更多的链接标签展示，同时隐藏之前展示过的链接标签。当然，也可以接收到向下滑动指令后，再加载更多的链接标签，在此不做限定。

203，当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面。

显示界面显示第二锚点页面，此时接收到用户的点击信息时，根据点击信息对应的链接标签通过锚点链接方式进入第三锚点页面。

204，获取第二锚点页面的图像信息。

截屏当前界面显示的第二锚点页面的内容作为图像信息。

在一些实施例中，获取第二锚点页面的图像信息的同时，还获取第二锚点页面的锚点链接地址和偏移量。

在一些实施例中，获取第二锚点页面的图像信息之前或之后，还获取第二锚点页面的锚点链接地址和偏移量。

锚点链接地址可以进入第一锚点页面，第一锚点页面结合偏移量可以得到第二锚点页面。

具体的，进入第三锚点链接页面时，截屏当前第二锚点页面并记录当前的偏移位置，偏移位置是相对网页页面(Document)文档的偏移位置。可以采用锚点链接地址作为key，保存锚点链接对应内容区域的偏移。

205，当接收第二操作信息时，控制第三锚点页面的信息移动，得到第四锚点页面。

显示界面显示第三锚点页面，此时若接收第二操作信息，则控制第三锚点页面的信息移动，得到第四锚点页面。其中，第二操作信息可以为上滑操作、上拉操作等，也可以为上滑操作、上滑操作等组合操作。第三锚点页面的信息根据第一操作信息移动。其中，当第二操作信息为上滑操作时，第三锚点页面顶部的信息逐渐隐藏，第三锚点页面底部的新的信息逐渐显示出来，也可以理解为有新的信息替换旧的信息，从而得到第四锚点页面。

需要说明的是，其中第三锚点页面的信息可以为多个链接标签，也可以为文字信息、图片信息等。第三锚点页面的信息是不重复的，即下滑出现的新的信息是前面没有出现过的，一直有新的信息出现，提供更多的浏览信息给用户。因为显示界面的显示区域有限，第三锚点页面展示的信息有限，可以预先在后台加载更多的信息，当接收到向下滑动指令时，将后台更多的信息展示，同时隐藏之前展示过的信息。当然，也可以接收到向下滑动指令后，再加载更多的信息，在此不做限定。

206，当接收到第一滑动指令时，将第二锚点页面的图像信息从显示界面的一侧滑动进入显示界面，同时将第四锚点页面从显示界面的另一侧滑动隐藏。

显示界面显示第三锚点页面，此时若接收到第一滑动指令，则将第二锚点页面的图像信息从显示界面的一侧滑动进入显示界面，同时将第四锚点页面从显示界面的另一侧滑动隐藏。其中，第一滑动指令可以为右滑指令，第四锚点页面逐渐向右隐藏，同时图像信息逐渐向右显示。在滑动返回过程中，显示界面同时显示第四锚点页面和图像信息，并且第四锚点页面的显示内容逐渐向右移动，直至全部消失在显示界面上。图像信息的显示内容逐渐向右移动，直至完全显示在显示界面上。

其中，在切换过程中，图像信息在chromium的合成器渲染层下显示。按照chromium原生架构执行锚点页面切换，执行页面加载，解析，排版与渲染。

207，当显示界面全部显示图像信息时，将第二锚点页面替换图像信息。

在一些实施例中，将第二锚点页面替换图像信息可以包括：

根据锚点链接地址获取锚点页面信息；

根据锚点页面信息和偏移量得到第二锚点页面信息；

根据第二锚点页面信息生成第二锚点页面，并替换图像信息。

当显示界面全部显示图像信息时，通过锚点链接和偏移量得到显示第二锚点页面的信息，此时，通过显示第二锚点页面的信息在显示界面生成第二锚点页面，同时隐藏或删除图像信息。需要说明的是，图像信息可以理解为第二锚点页面的截屏图片。

其中，基于chromium原生架构，获取锚点页面链接对应的页面实现的偏移位置，并调用浏览器滚屏模块滚动到指定的偏移位置。隐藏图像内容并显示第二锚点页面渲染的内容。

208，当接收到第二滑动指令时，从第二页面通过锚点链接滑动进入第四锚点页面，其中，第二滑动指令的滑动方向与第一滑动指令的滑动方向相反。

在显示界面显示回第二锚点页面时，此时若接收到第二滑动指令如左滑指令，从第二页面通过锚点链接滑动进入第四锚点页面。

本实施例从第四锚点页面返回之前浏览的第二锚点页面，可以记忆之前的浏览位置，而不是返回之前锚点页面的顶端位置，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，简化操作，方便用户浏览锚点页面，提高浏览效率。同时可以克服相关技术中返回之前锚点页面的闪烁问题。而且不仅可以滑动返回之前的锚点页面，也可以滑动返回之后，还可以继续滑动前进至最新打开的锚点页面，即可以通过左右滑动实现锚点页面的平滑切换，而且切换到的是之前浏览的位置。

在一些实施例中，从第四锚点页面通过锚点链接滑动返回第二锚点页面具体可以先获取原第二锚点页面的图像信息，然后将图像信息逐渐覆盖第四锚点页面，第四锚点页面保持不动，仅将图像信息逐渐覆盖第四锚点页面，直至图像信息完全覆盖第四锚点页面，此时，删除第四锚点页面，第二锚点页面替换图像信息。

参考图7，图7为本申请实施例提供的页面切换方法的第三种流程示意图。其中，页面切换方法具体包括：

301，获取具有多个链接标签的第一锚点页面。

链接标签可以用于当其被点击时，显示界面切换显示链接标签对应的页面。例如，链接标签对应的是电影简介页面，当该链接标签被用户点击时，显示界面从当前的页面切换到电影简介页面。

链接标签可以以文字的形式呈现，也可以以图片的形式呈现，也可以以视频的形式呈现，也可以以文字加图片的形式呈现，也可以以文字加视频的形式呈现。

在电子设备使用过程中，可以进入浏览器应用，在浏览器应用中可以进入第一锚点页面，第一锚点页面上具有多个链接标签。第一锚点页面的网址信息中包括符号“#”，并且符号“#”前面为统一资源定位符(url)。

电子设备的显示界面根据用户的操作进入第一锚点页面，第一锚点页面上具有多个链接标签，通过任意一个链接标签可以进入另一锚点页面。

302，当接收第一操作信息时，控制第一锚点页面的多个链接标签移动，得到第二锚点页面。

显示界面显示第一锚点页面，此时若接收第一操作信息，则控制第一锚点页面的多个链接标签移动，得到第二锚点页面。其中，第一操作信息可以为上滑操作、上拉操作等，也可以为上滑操作、上滑操作等组合操作。第一锚点页面的多个链接标签根据第一操作信息移动。其中，当第一操作信息为上滑操作时，第一锚点页面顶部的链接标签逐渐隐藏，第一锚点页面底部的新的链接标签逐渐显示出来，也可以理解为有新的链接标签替换新的链接标签，从而得到第二锚点页面。

需要说明的是，第一锚点页面的链接标签是不重复的，即下滑出现的新的链接标签是前面没有出现过的，一直有新的链接标签出现，提供更多的浏览信息给用户。因为显示界面的显示区域有限，第一锚点页面展示的链接标签有限，可以预先在后台加载更多的链接标签，当接收到向下滑动指令时，将后台更多的链接标签展示，同时隐藏之前展示过的链接标签。当然，也可以接收到向下滑动指令后，再加载更多的链接标签，在此不做限定。

303，当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面。

显示界面显示第二锚点页面，此时接收到用户的点击信息时，根据点击信息对应的链接标签通过锚点链接方式进入第三锚点页面。

304，当接收到第一滑动指令时，从第三锚点页面通过锚点链接滑动返回第二锚点页面。

显示界面显示第三锚点页面，此时若接收到第一滑动指令，则第三锚点页面通过锚点链接滑动返回第二锚点页面。其中，第一滑动指令可以为右滑指令，第三锚点页面逐渐向右隐藏，同时第二锚点页面逐渐向右显示。在滑动返回过程中，显示界面同时显示第三锚点页面和第二锚点页面，并且第三锚点页面的显示内容逐渐向右移动，直至全部消失在显示界面上。第二锚点页面的显示内容逐渐向右移动，直至完全显示在显示界面上。

从最近浏览的第三锚点页面返回之前浏览的第二锚点页面，可以记忆之前的浏览位置，而不是返回之前锚点页面的顶端位置，可以接着之前的浏览位置继续浏览，不需要再重新将页面拉至之前的浏览位置，简化操作，方便用户浏览锚点页面，提高浏览效率。

参考图8，图8为本申请实施例提供的页面切换装置的结构示意图。其中，页面切换装置500具体包括第一锚点页面获取模块501、第二锚点页面获取模块502、第三锚点页面获取模块503、第四锚点页面获取模块504和切换模块505。

第一锚点页面获取模块501，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块502，用于当接收第一操作信息时，控制第一锚点页面的多个链接标签移动，得到第二锚点页面；

第三锚点页面获取模块503，用于当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

第四锚点页面获取模块504，用于当接收第二操作信息时，控制第三锚点页面的信息移动，得到第四锚点页面；

切换模块505，用于当接收到第一滑动指令时，从第四锚点页面通过锚点链接滑动返回第二锚点页面。

在一些实施例中，切换模块505，还用于将第二锚点页面对应的显示内容从显示界面的一侧滑动进入显示界面，同时将第四锚点页面从显示界面的另一侧滑动隐藏。

在一些实施例中，第三锚点页面获取模块503，还用于获取第二锚点页面的图像信息。

切换模块505，还用于将第二锚点页面的图像信息从显示界面的一侧滑动进入显示界面，同时将第四锚点页面从显示界面的另一侧滑动隐藏；当显示界面全部显示图像信息时，将第二锚点页面替换图像信息。

在一些实施例中，第三锚点页面获取模块503，还用于获取第二锚点页面的锚点链接地址和偏移量。

切换模块505，还用于根据锚点链接地址获取锚点页面信息；根据锚点页面信息和偏移量得到第二锚点页面信息；根据第二锚点页面信息生成第二锚点页面，并替换图像信息。

在一些实施例中，切换模块505，还用于当接收到第二滑动指令时，从第二页面通过锚点链接滑动进入第四锚点页面，其中，第二滑动指令的滑动方向与第一滑动指令的滑动方向相反。

请参阅图9，图9为本申请实施例提供的页面切换装置的另一结构示意图。其中，页面切换装置具体包括第一锚点页面获取模块601、第二锚点页面获取模块602、第三锚点页面获取模块603和切换模块604。

第一锚点页面获取模块601，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块602，用于当接收第一操作信息时，控制第一锚点页面的多个链接标签移动，得到第二锚点页面；

第三锚点页面获取模块603，用于当接收到点击信息时，根据点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

切换模块604，用于当接收到第一滑动指令时，从第三锚点页面通过锚点链接滑动返回第二锚点页面。

参考图10，图10为本申请实施例提供的电子设备的第一种结构示意图。其中，电子设备600包括处理器601和存储器602。处理器601与存储器602电性连接。

处理器601是电子设备600的控制中心，利用各种接口和线路连接整个电子设备的各个部分，通过运行或调用存储在存储器602内的计算机程序，以及调用存储在存储器602内的数据，执行电子设备的各种功能和处理数据，从而对电子设备进行整体监控。

在本实施例中，电子设备600中的处理器601会按照如下的步骤，将一个或一个以上的计算机程序的进程对应的指令加载到存储器602中，并由处理器601来运行存储在存储器602中的计算机程序，从而实现各种功能：

获取具有多个链接标签的第一锚点页面；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；

当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。

在一些实施例中，在根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面之后，处理器601执行以下步骤：

获取所述第二锚点页面的图像信息；

在将所述第二锚点页面对应的显示内容从显示界面的一侧滑动进入显示界面，同时将所述第四锚点页面从所述显示界面的另一侧滑动隐藏时，处理器601执行以下步骤：

将所述第二锚点页面的图像信息从显示界面的一侧滑动进入所述显示界面，同时将所述第四锚点页面从所述显示界面的另一侧滑动隐藏；

当所述显示界面全部显示所述图像信息时，将所述第二锚点页面替换所述图像信息。

在一些实施例中，在根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面之后，处理器601执行以下步骤：

获取所述第二锚点页面的锚点链接地址和偏移量；

在将所述第二锚点页面替换所述图像信息时，处理器601执行以下步骤：

根据所述锚点链接地址获取锚点页面信息；

根据所述锚点页面信息和所述偏移量得到所述第二锚点页面信息；

根据第二锚点页面信息生成第二锚点页面，并替换所述图像信息。

在一些实施例中，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面之后，处理器601执行以下步骤：

当接收到第二滑动指令时，从所述第二页面通过锚点链接滑动进入所述第四锚点页面，其中，所述第二滑动指令的滑动方向与所述第一滑动指令的滑动方向相反。

在一些实施例中，处理器601执行以下步骤：

获取具有多个链接标签的第一锚点页面；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；

当接收到第一滑动指令时，从所述第三锚点页面通过锚点链接滑动返回所述第二锚点页面。

在一些实施例中，参考图11，图11为本申请实施例提供的电子设备的第二种结构示意图。

其中，电子设备600还包括：显示屏603、控制电路604、输入单元605、传感器606以及电源607。其中，处理器601分别与显示屏603、控制电路604、输入单元605、传感器606以及电源607电性连接。

显示屏603可用于显示由用户输入的信息或提供给用户的信息以及电子设备的各种图形用户接口，这些图形用户接口可以由图像、文本、图标、视频和其任意组合来构成。

控制电路604与显示屏603电性连接，用于控制显示屏603显示信息。

输入单元605可用于接收输入的数字、字符信息或用户特征信息(例如指纹)，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。其中，输入单元605可以包括指纹识别模组。

传感器606用于采集电子设备自身的信息或者用户的信息或者外部环境信息。例如，传感器606可以包括距离传感器、磁场传感器、光线传感器、加速度传感器、指纹传感器、霍尔传感器、位置传感器、陀螺仪、惯性传感器、姿态感应器、气压计、心率传感器等多个传感器。

电源607用于给电子设备600的各个部件供电。在一些实施例中，电源607可以通过电源管理系统与处理器601逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管图11中未示出，电子设备600还可以包括摄像头、蓝牙模块等，在此不再赘述。

由上可知，本申请实施例提供了一种电子设备，电子设备中的处理器执行以下步骤：获取具有多个链接标签的第一锚点页面；当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。

本申请实施例还提供一种存储介质，存储介质中存储有计算机程序，当计算机程序在计算机上运行时，计算机执行上述任一实施例所述的页面切换方法。

例如，在一些实施例中，当所述计算机程序在计算机上运行时，所述计算机执行以下步骤：获取具有多个链接标签的第一锚点页面；当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，得到第二锚点页面；当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面；当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；当接收到第一滑动指令时，从所述第四锚点页面通过锚点链接滑动返回所述第二锚点页面。

需要说明的是，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过计算机程序来指令相关的硬件来完成，所述计算机程序可以存储于计算机可读存储介质中，所述存储介质可以包括但不限于：只读存储器(ROM，Read OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。

以上对本申请实施例所提供的页面切换方法、装置、存储介质及电子设备进行了详细介绍。本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (6)

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

获取具有多个链接标签的第一锚点页面；

在后台加载所述第一锚点页面的链接标签；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，展示后台加载的链接标签，并隐藏展示过的链接标签，以得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面并获取所述第二锚点页面的锚点链接地址和偏移量；

截屏当前界面显示的第二锚点页面的内容作为图像信息；

当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；

当接收到第一滑动指令时，获取所述图像信息，将所述第二锚点页面的图像信息从显示界面的一侧滑动进入所述显示界面，所述显示界面同时显示所述第四锚点页面和所述图像信息，将所述第四锚点页面保持不动或者从所述显示界面的另一侧滑动隐藏，所述图像信息逐渐覆盖所述第四锚点页面，直至所述图像信息完全覆盖所述第四锚点页面，其中，所述图像信息在预设合成器渲染层下显示，按照预设合成器的原生架构执行锚点切换、执行页面加载、解析、排版与渲染；

当所述显示界面全部显示所述图像信息时，删除所述第四锚点页面，基于所述预设合成器的原生架构，根据所述锚点链接地址获取锚点页面信息，根据所述锚点页面信息和所述偏移量得到所述第二锚点页面信息；根据第二锚点页面信息调用浏览器滚屏模块滚动到所述偏移量对应的偏移位置，隐藏所述图像信息并显示所述第二锚点页面渲染的内容，以使得所述第二锚点页面替换所述图像信息；

当接收到第二滑动指令时，从所述第二锚点页面通过锚点链接滑动进入所述第四锚点页面，其中，所述第二滑动指令的滑动方向与所述第一滑动指令的滑动方向相反。

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

获取具有多个链接标签的第一锚点页面；

在后台加载所述第一锚点页面的链接标签；

当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，展示后台加载的链接标签，并隐藏展示过的链接标签，以得到第二锚点页面；

当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面并获取所述第二锚点页面的锚点链接地址和偏移量；

截屏当前界面显示的第二锚点页面的内容作为图像信息；

当接收到第一滑动指令时，获取所述图像信息，将所述第二锚点页面的图像信息从显示界面的一侧滑动进入所述显示界面，所述显示界面同时显示所述第三锚点页面和所述图像信息，将所述第三锚点页面保持不动或者从所述显示界面的另一侧滑动隐藏，所述图像信息逐渐覆盖所述第三锚点页面，直至所述图像信息完全覆盖所述第三锚点页面，其中，所述图像信息在预设合成器渲染层下显示，按照预设合成器的原生架构执行锚点切换、执行页面加载、解析、排版与渲染；

当所述显示界面全部显示所述图像信息时，删除所述第三锚点页面，基于所述预设合成器的原生架构，根据所述锚点链接地址获取锚点页面信息，根据所述锚点页面信息和所述偏移量得到所述第二锚点页面信息；根据第二锚点页面信息调用浏览器滚屏模块滚动到所述偏移量对应的偏移位置，隐藏所述图像信息并显示所述第二锚点页面渲染的内容，以使得所述第二锚点页面替换所述图像信息；

当接收到第二滑动指令时，从所述第二锚点页面通过锚点链接滑动进入所述第三锚点页面，其中，所述第二滑动指令的滑动方向与所述第一滑动指令的滑动方向相反。

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

第一锚点页面获取模块，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块，用于在后台加载所述第一锚点页面的链接标签，当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，展示后台加载的链接标签，并隐藏展示过的链接标签，以得到第二锚点页面；

第三锚点页面获取模块，用于当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面并获取所述第二锚点页面的锚点链接地址和偏移量，截屏当前界面显示的第二锚点页面的内容作为图像信息；

第四锚点页面获取模块，用于当接收第二操作信息时，控制所述第三锚点页面的信息移动，得到第四锚点页面；

切换模块，用于当接收到第一滑动指令时，获取所述图像信息，将所述第二锚点页面的图像信息从显示界面的一侧滑动进入所述显示界面，所述显示界面同时显示所述第四锚点页面和所述图像信息，将所述第四锚点页面保持不动或者从所述显示界面的另一侧滑动隐藏，所述图像信息逐渐覆盖所述第四锚点页面，直至所述图像信息完全覆盖所述第四锚点页面，其中，所述图像信息在预设合成器渲染层下显示，按照预设合成器的原生架构执行锚点切换、执行页面加载、解析、排版与渲染，当所述显示界面全部显示所述图像信息时，

删除所述第四锚点页面，基于所述预设合成器的原生架构，根据所述锚点链接地址获取锚点页面信息，根据所述锚点页面信息和所述偏移量得到所述第二锚点页面信息；根据第二锚点页面信息调用浏览器滚屏模块滚动到所述偏移量对应的偏移位置，隐藏所述图像信息并显示所述第二锚点页面渲染的内容，以使得所述第二锚点页面替换所述图像信息，当接收到第二滑动指令时，从所述第二锚点页面通过锚点链接滑动进入所述第四锚点页面，其中，所述第二滑动指令的滑动方向与所述第一滑动指令的滑动方向相反。

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

第一锚点页面获取模块，用于获取具有多个链接标签的第一锚点页面；

第二锚点页面获取模块，用于在后台加载所述第一锚点页面的链接标签，当接收第一操作信息时，控制所述第一锚点页面的多个链接标签移动，展示后台加载的链接标签，并隐藏展示过的链接标签，以得到第二锚点页面；

第三锚点页面获取模块，用于当接收到点击信息时，根据所述点击信息对应的链接标签通过锚点链接进入对应的第三锚点页面并获取所述第二锚点页面的锚点链接地址和偏移量，截屏当前界面显示的第二锚点页面的内容作为图像信息；

切换模块，用于当接收到第一滑动指令时，获取所述图像信息，将所述第二锚点页面的图像信息从显示界面的一侧滑动进入所述显示界面，所述显示界面同时显示所述第三锚点页面和所述图像信息，将所述第三锚点页面保持不动或者从所述显示界面的另一侧滑动隐藏，所述图像信息逐渐覆盖所述第三锚点页面，直至所述图像信息完全覆盖所述第三锚点页面，其中，所述图像信息在预设合成器渲染层下显示，按照预设合成器的原生架构执行锚点切换、执行页面加载、解析、排版与渲染，当所述显示界面全部显示所述图像信息时，删除所述第三锚点页面，基于所述预设合成器的原生架构，根据所述锚点链接地址获取锚点页面信息，根据所述锚点页面信息和所述偏移量得到所述第二锚点页面信息；根据第二锚点页面信息调用浏览器滚屏模块滚动到所述偏移量对应的偏移位置，隐藏所述图像信息并显示所述第二锚点页面渲染的内容，以使得所述第二锚点页面替换所述图像信息，当接收到第二滑动指令时，从所述第二锚点页面通过锚点链接滑动进入所述第三锚点页面，其中，所述第二滑动指令的滑动方向与所述第一滑动指令的滑动方向相反。

5.一种存储介质，其上存储有计算机程序，其特征在于，当所述计算机程序在计算机上运行时，使得所述计算机执行如权利要求1或2项所述的页面切换方法。

6.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述存储器中存储有计算机程序，所述处理器通过调用所述存储器中存储的所述计算机程序，用于执行权利要求如权利要求1或2所述的页面切换方法。

Images