一种页面切换方法及电子设备与流程

1.本技术涉及互联网数据处理技术领域，特别涉及一种页面切换方法及电子设备。


背景技术：

2.随着互联网技术的发展和进步，互联网成为了大多数用户的工作生活中的一部分，使得用户更多的行为重心以较快的步伐由线下转移到了线上，此时，各种浏览器成为了互联网的首选工具，尤其在移动终端(如手机、平板电脑等)中。具体地，页面应用通常以嵌入的形式运行在移动终端的浏览器视窗中，虽然移动终端的页面应用是一种相对成熟的技术手段，但用户通过输入设备或手势进行页面切换时，服务器会反复重构加载相同的页面，使得用户无法感受原生操作体验。
3.目前，通过以下两种方式来解决上述问题：第一种方式为页面保活机制和手势监听注入结合，但该方式无法实现页面数据的同步更新；第二种方式为页面保活机制、手势监听注入以及保活钩子结合，但该方式维护成本较高。并且，上述两种方式均无法有效地解决用户无法感受原生操作体验的问题。


技术实现要素：

4.本技术实施例的目的在于提供一种页面切换方法及电子设备，能够有效地解决用户无法感受原生操作体验的问题，并且能够确保页面数据的同步更新，成本较低。
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.图1示出了本技术所提供的一种页面切换方法的流程图；
37.图2示出了本技术所提供的一种页面切换方法中基于历史页面地址，确定当前页面的关联页面的流程图；
38.图3示出了本技术所提供的一种页面切换方法中更新关联页面的页面数据的流程图；
39.图4示出了本技术所提供的一种页面切换方法中基于页面切换指令，对当前页面和关联页面进行切换的流程图；
40.图5示出了本技术所提供的一种电子设备的结构示意图；
41.图6示出了本技术所提供的另一种电子设备的结构示意图。
具体实施方式
42.此处参考附图描述本技术的各种方案以及特征。
43.应理解的是，可以对此处申请的实施例做出各种修改。因此，上述说明书不应该视为限制，而仅是作为实施例的范例。本领域的技术人员将想到在本技术的范围和精神内的其他修改。
44.包含在说明书中并构成说明书的一部分的附图示出了本技术的实施例，并且与上面给出的对本技术的大致描述以及下面给出的对实施例的详细描述一起用于解释本技术的原理。
45.通过下面参照附图对给定为非限制性实例的实施例的优选形式的描述，本技术的这些和其它特性将会变得显而易见。
46.还应当理解，尽管已经参照一些具体实例对本技术进行了描述，但本领域技术人员能够确定地实现本技术的很多其它等效形式，它们具有如权利要求所述的特征并因此都位于借此所限定的保护范围内。
47.当结合附图时，鉴于以下详细说明，本技术的上述和其他方面、特征和优势将变得更为显而易见。
48.此后参照附图描述本技术的具体实施例；然而，应当理解，所申请的实施例仅仅是本技术的实例，其可采用多种方式实施。熟知和/或重复的功能和结构并未详细描述以避免不必要或多余的细节使得本技术模糊不清。因此，本文所申请的具体的结构性和功能性细节并非意在限定，而是仅仅作为权利要求的基础和代表性基础用于教导本领域技术人员以实质上任意合适的详细结构多样地使用本技术。
49.本说明书可使用词组“在一种实施例中”、“在另一个实施例中”、“在又一实施例中”或“在其他实施例中”，其均可指代根据本技术的相同或不同实施例中的一个或多个。
50.本技术实施例提供的页面切换方法应用于电子设备中，该页面切换方法，通过预先更新当前页面的关联页面，以使在基于页面切换指令对当前页面和关联页面进行切换时，无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。为便于对本技术进行理解，首先对本技术提供的一种页面切换方法进行详细介绍。
51.如图1所示，为本技术实施例提供的页面切换方法的流程图，其中，具体步骤包括s101-s103。
52.s101，基于历史页面地址，确定当前页面的关联页面；其中，关联页面包括能够与当前页面相互切换的页面。
53.在具体实施中，用户在电子设备上通过浏览器或应用程序浏览页面时，电子设备、浏览器以及应用程序均会记录用户浏览的每个页面，例如页面对应的网络地址、网络标签、每个页面对应的浏览时间点、浏览时长等。此时，便会形成针对一个用户、一个浏览器、一个应用程序在预设时间段内的历史浏览记录，该预设时间段可以为用户自定义的。
54.在执行本技术实施例提供的页面切换方法时，提取历史浏览记录，该历史页面记
录可以为一个浏览器的历史浏览记录，也可以为一个应用程序的历史浏览记录等。之后，从历史浏览记录中提取历史页面地址。
55.在获取到历史页面地址之后，基于该历史页面地址确定当前页面的关联页面，其中，当前页面为电子设备中浏览器或应用程序当前显示的页面。这里，关联页面包括能够与当前页面相互切换的页面，例如，当前页面为页面c，能够从页面b直接跳转至页面c，页面c能够直接跳转至页面d，此时，页面b和页面d即为页面c的关联页面，关联页面为浏览器或应用程序当前未显示的页面。
56.如图2所示，为本技术实施例提供的基于历史页面地址，确定当前页面的关联页面的流程图，其中，具体步骤包括s201和s202。
57.s201，确定当前页面对应的第一页面和第二页面，其中，第一页面能够跳转至当前页面，当前页面能够跳转至第二页面。
58.s202，将第一页面和第二页面确定为关联页面。
59.作为其中一个示例，在获取到历史页面地址之后，查找能够直接跳转至当前页面对应的页面地址的第一地址，以及当前页面对应的页面地址能够直接跳转的第二地址，也就是说，第一地址对应的第一页面能够直接跳转至当前页面，当前页面能够直接跳转至第二地址对应的第二页面。
60.由上，便能够确定出当前页面对应的第一页面和第二页面。之后，便将第一页面和第二页面确定为关联页面。
61.其中，第一页面和第二页面为一个或多个。例如，在第一时刻，由第一页面a跳转至当前页面；在第三时刻，由第一页面d跳转至当前页面，此时，便存在与当前页面关联的两个第一页面，也即第一页面a和第一页面d。第二页面同上，在此便不做过多赘述。
62.值得说明的是，在浏览器或应用程序首次打开时，无法基于历史浏览记录来确定当前页面的关联页面的情况下，以及在当前页面为首次出现时，该当前页面仅存在其对应的第一页面，而不存在其对应的第二页面的情况下，可以基于浏览器或应用程序的操作规则确定当前页面的关联页面，例如微信中“我”对应的页面，其关联页面可以包括“设置”对应的页面、“服务”对应的页面、“通讯录”对应的页面等。
63.可选地，还可以预先设置预测模型，该预测模型包括卷积神经网络等，并利用大量的训练样本训练该预测模型，以使该预测模型能够对当前页面进行预测，以得到该当前页面的关联页面，进而在浏览器或应用程序首次打开时，也能够确定出当前页面的关联页面。
64.s102，更新当前页面和关联页面的页面数据。
65.在确定当前页面的关联页面之后，更新当前页面的页面数据的同时，更新其对应的关联页面的页面数据。
66.可选地，参照图3示出的方法流程图来更新关联页面的页面数据，其中，具体步骤包括s301-s303。
67.s301，获取关联页面的实时数据。
68.s302，将实时数据与关联页面的历史数据进行对比，确定差异数据；其中，关联页面的历史数据为关联页面上一显示时刻的页面数据或上一更新时刻更新后的页面数据。
69.s303，基于差异数据更新关联页面的页面数据。
70.可选地，在获取到当前页面的关联页面之后，为了确保当前页面的页面数据的时
效性，通过网络等获取当前页面的实时数据，以利用该当前页面的实时数据对当前页面的页面数据进行实时更新。
71.这里，在获取当前页面的实时数据的同时，还可以获取关联页面的实时数据，以利用该关联页面的实时数据对关联页面的页面数据进行实时更新，进而使得在由当前页面切换至关联页面中的任一页面时，均无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。
72.作为其中一个示例，在获取到关联页面的实时数据之后，将关联页面的实时数据与关联页面的历史数据进行对比，确定出差异数据；其中，关联页面的历史数据为关联页面上一显示时刻的页面数据或上一更新时刻更新后的页面数据。
73.在得到差异数据之后，基于差异数据更新关联页面的页面数据，也即无需对整个关联页面进行更新，避免消耗处理资源。
74.值得说明的是，在获取到关联页面的实时数据之后，直接利用关联页面的实时数据对关联页面进行更新，以避免因遗漏数据导致关联页面的时效性低的问题。
75.s103，基于页面切换指令，对当前页面和关联页面进行切换。
76.在更新当前页面和关联页面的页面数据之后，基于页面切换指令，对当前页面和关联页面进行切换，也即，控制当前页面跳转至关联页面，也就是说，控制浏览器或应用程序由显示当前页面切换为显示关联页面。
77.可选地，参照图4示出的方法流程图来基于页面切换指令，对当前页面和关联页面进行切换，其中，具体步骤包括s401和s402。
78.s401，获取页面切换指令。
79.s402，响应页面切换指令，以对当前页面和关联页面进行切换。
80.在具体实施中，实时监测是否产生页面切换指令，在确定产生页面切换指令之后，获取页面切换指令，并响应页面切换指令，以对当前页面和关联页面进行切换。
81.可选地，本技术实施例示出了以下两种方式来获取页面切换指令。
82.第一种方式
83.电子设备上设置有目标按键，该目标按键对应有预先设置的按键规则，如目标按键的动作与指令之间的关联关系等。
84.实时接收目标按键的动作信息，在接收目标按键的动作信息之后，基于动作信息以及按键规则确定页面切换指令，具体地，从按键规则中包括的目标按键的每个动作与其对应的指令中，查找目标按键的动作信息中的动作对应指令，以作为页面切换指令。
85.第二种方式
86.针对电子设备的触控屏幕，预先设置一个预设指令表，该预设指令表包括预设行为与预设指令之间的映射关系。此时，便可以实时采集触控屏幕上产生的行为信息，以通过产生的行为信息，确定页面切换指令。
87.具体地，从预设指令表包括的预设行为与预设指令之间的映射关系中，查找行为信息中行为对应的指令与预设指令表确定页面切换指令，以作为页面切换指令。
88.在完成当前页面与关联页面之间的切换之后，基于切换后的新当前页面，确定新关联页面，以更新新当前页面和新关联页面的页面数据，执行步骤参照上述步骤，在此便不
做过多赘述。
89.本技术实施例的页面切换方法，通过预先更新当前页面的关联页面，以使在基于页面切换指令对当前页面和关联页面进行切换时，无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。
90.基于同一发明构思，本技术的第二方面还提供了一种页面切换方法对应的电子设备，由于本技术中的电子设备解决问题的原理与本技术上述页面切换方法相似，因此电子设备的实施可以参见方法的实施，重复之处不再赘述。
91.图5示出了本技术实施例提供的电子设备的示意图，具体包括：
92.第一确定模块501，其配置为基于历史页面地址，确定当前页面的关联页面；其中，所述关联页面包括能够与所述当前页面相互切换的页面；
93.更新模块502，其配置为更新所述当前页面和所述关联页面的页面数据；
94.切换模块503，其配置为基于页面切换指令，对所述当前页面和所述关联页面进行切换。
95.在又一实施例中，所述第一确定模块501具体配置为：
96.确定所述当前页面对应的第一页面和第二页面，其中，所述第一页面能够跳转至所述当前页面，所述当前页面能够跳转至所述第二页面；
97.将所述第一页面和所述第二页面确定为所述关联页面。
98.在又一实施例中，所述第一页面和所述第二页面为一个或多个。
99.在又一实施例中，所述更新模块502具体配置为：
100.获取所述关联页面的实时数据；
101.将所述实时数据与所述关联页面的历史数据进行对比，确定差异数据；其中，所述关联页面的历史数据为所述关联页面上一显示时刻的页面数据或上一更新时刻更新后的页面数据；
102.基于所述差异数据更新所述关联页面的页面数据。
103.在又一实施例中，所述切换模块503具体配置为：
104.获取所述页面切换指令；
105.响应页面切换指令，以对所述当前页面和所述关联页面进行切换。
106.在又一实施例中，所述切换模块503在获取所述页面切换指令时，包括：
107.接收目标按键的动作信息；
108.基于所述动作信息以及按键规则确定所述页面切换指令，其中，所述按键规则包括目标按键的每个动作与其对应的指令。
109.在又一实施例中，所述切换模块503在获取所述页面切换指令时，还包括：
110.采集触控屏幕上产生的行为信息；
111.基于所述行为信息与预设指令表确定所述页面切换指令，其中，所述预设指令表包括预设行为与预设指令之间的映射关系。
112.在又一实施例中，电子设备还包括提取模块504，其配置为：
113.基于历史浏览记录，提取所述历史页面地址。
114.在又一实施例中，电子设备还包括第二确定模块505，其配置为：
115.基于切换后的新当前页面，确定新关联页面。
116.本技术实施例的页面切换方法，通过预先更新当前页面的关联页面，以使在基于页面切换指令对当前页面和关联页面进行切换时，无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。
117.本技术实施例提供了一种存储介质，该存储介质为计算机可读介质，存储有计算机程序，该计算机程序被处理器执行时实现本技术任意实施例提供的方法，包括如下步骤s11至s13：
118.s11，基于历史页面地址，确定当前页面的关联页面；其中，所述关联页面包括能够与所述当前页面相互切换的页面；
119.s12，更新所述当前页面和所述关联页面的页面数据；
120.s13，基于页面切换指令，对所述当前页面和所述关联页面进行切换。
121.计算机程序被处理器执行基于所述历史页面地址，确定当前页面的关联页面时，具体被处理器执行如下步骤：确定所述当前页面对应的第一页面和第二页面，其中，所述第一页面能够跳转至所述当前页面，所述当前页面能够跳转至所述第二页面；将所述第一页面和所述第二页面确定为所述关联页面。
122.计算机程序被处理器执行更新所述关联页面的页面数据时，还被处理器执行如下步骤：获取所述关联页面的实时数据；将所述实时数据与所述关联页面的历史数据进行对比，确定差异数据；其中，所述关联页面的历史数据为所述关联页面上一显示时刻的页面数据或上一更新时刻更新后的页面数据；基于所述差异数据更新所述关联页面的页面数据。
123.计算机程序被处理器执行基于页面切换指令，对所述当前页面和所述关联页面进行切换时，还被处理器执行如下步骤：获取所述页面切换指令；响应页面切换指令，以对所述当前页面和所述关联页面进行切换。
124.计算机程序被处理器执行获取所述页面切换指令时，还被处理器执行如下步骤：接收目标按键的动作信息；基于所述动作信息以及按键规则确定所述页面切换指令，其中，所述按键规则包括目标按键的每个动作与其对应的指令。
125.计算机程序被处理器执行获取所述页面切换指令时，还被处理器执行如下步骤：采集触控屏幕上产生的行为信息；基于所述行为信息与预设指令表确定所述页面切换指令，其中，所述预设指令表包括预设行为与预设指令之间的映射关系。
126.计算机程序被处理器执行基于所述历史页面地址，确定当前页面的关联页面之前，还被处理器执行如下步骤：基于历史浏览记录，提取所述历史页面地址。
127.计算机程序被处理器执行页面切换方法时，还被处理器执行如下步骤：基于切换后的新当前页面，确定新关联页面。
128.本技术实施例的页面切换方法，通过预先更新当前页面的关联页面，以使在基于页面切换指令对当前页面和关联页面进行切换时，无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。
129.本技术实施例提供了一种电子设备，该电子设备的结构示意图可以如图6所示，至少包括存储器601和处理器602，存储器601上存储有计算机程序，处理器602在执行存储器
601上的计算机程序时实现本技术任意实施例提供的方法。示例性的，电子设备计算机程序步骤如下s21至s23：
130.s21，基于历史页面地址，确定当前页面的关联页面；其中，所述关联页面包括能够与所述当前页面相互切换的页面；
131.s22，更新所述当前页面和所述关联页面的页面数据；
132.s23，基于页面切换指令，对所述当前页面和所述关联页面进行切换。
133.处理器在执行存储器上存储的基于所述历史页面地址，确定当前页面的关联页面时，还执行如下计算机程序：确定所述当前页面对应的第一页面和第二页面，其中，所述第一页面能够跳转至所述当前页面，所述当前页面能够跳转至所述第二页面；将所述第一页面和所述第二页面确定为所述关联页面。
134.处理器在执行存储器上存储的更新所述关联页面的页面数据时，还执行如下计算机程序：获取所述关联页面的实时数据；将所述实时数据与所述关联页面的历史数据进行对比，确定差异数据；其中，所述关联页面的历史数据为所述关联页面上一显示时刻的页面数据或上一更新时刻更新后的页面数据；基于所述差异数据更新所述关联页面的页面数据。
135.处理器在执行存储器上存储的基于页面切换指令，对所述当前页面和所述关联页面进行切换时，还执行如下计算机程序：获取所述页面切换指令；响应页面切换指令，以对所述当前页面和所述关联页面进行切换。
136.处理器在执行存储器上存储的获取所述页面切换指令时，还执行如下计算机程序：接收目标按键的动作信息；基于所述动作信息以及按键规则确定所述页面切换指令，其中，所述按键规则包括目标按键的每个动作与其对应的指令。
137.处理器在执行存储器上存储的获取所述页面切换指令时，还执行如下计算机程序：采集触控屏幕上产生的行为信息；基于所述行为信息与预设指令表确定所述页面切换指令，其中，所述预设指令表包括预设行为与预设指令之间的映射关系。
138.处理器在执行存储器上存储的基于所述历史页面地址，确定当前页面的关联页面之前，还执行如下计算机程序：基于历史浏览记录，提取所述历史页面地址。
139.处理器在执行存储器上存储的页面切换方法时，还执行如下计算机程序：基于切换后的新当前页面，确定新关联页面。
140.本技术实施例的页面切换方法，通过预先更新当前页面的关联页面，以使在基于页面切换指令对当前页面和关联页面进行切换时，无需进行网络等待，能够有效地解决用户无法感受原生操作体验的问题，也即使得用户实现了贴近原生的交互方式；同时，能够确保页面数据的同步更新，成本较低。
141.可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行上述实施例记载的方法步骤。可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。显然，本领域的技术人员应该明白，上述的本技术的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用
计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本技术不限制于任何特定的硬件和软件结合。
142.此外，尽管已经在本文中描述了示例性实施例，其范围包括任何和所有基于本技术的具有等同元件、修改、省略、组合(例如，各种实施例交叉的方案)、改编或改变的实施例。权利要求书中的元件将被基于权利要求中采用的语言宽泛地解释，并不限于在本说明书中或本技术的实施期间所描述的示例，其示例将被解释为非排他性的。因此，本说明书和示例旨在仅被认为是示例，真正的范围和精神由以下权利要求以及其等同物的全部范围所指示。
143.以上描述旨在是说明性的而不是限制性的。例如，上述示例(或其一个或更多方案)可以彼此组合使用。例如本领域普通技术人员在阅读上述描述时可以使用其它实施例。另外，在上述具体实施方式中，各种特征可以被分组在一起以简单化本技术。这不应解释为一种不要求保护的公开的特征对于任一权利要求是必要的意图。相反，本技术的主题可以少于特定的公开的实施例的全部特征。从而，以下权利要求书作为示例或实施例在此并入具体实施方式中，其中每个权利要求独立地作为单独的实施例，并且考虑这些实施例可以以各种组合或排列彼此组合。本技术的范围应参照所附权利要求以及这些权利要求赋权的等同形式的全部范围来确定。
144.以上对本技术多个实施例进行了详细说明，但本技术不限于这些具体的实施例，本领域技术人员在本技术构思的基础上，能够做出多种变型和修改实施例，这些变型和修改都应落入本技术所要求保护的范围之内。