返回Web页面的页面状态恢复方法、装置、设备及介质制造方法及图纸

技术编号:39189803 阅读:8 留言:0更新日期:2023-10-27 08:37
本申请公开了一种返回Web页面的页面状态恢复方法、装置、设备及介质,涉及App开发技术领域,包括:根据用户输入的页面新开操作指令新建当前Web窗口,通过预设窗口模板并基于当前Web窗口生成对应的当前Web实例存储于运行栈中,将第三方应用程序地址指向当前Web窗口的地址;当接收到页面返回上一Web页面的页面操作指令时,调用运行栈中保存的上一Web页面的Web实例;将上一Web页面的Web实例对应的Web窗口的当时状态加载显示于第三方应用程序的交互页面中。直接从运行栈中调出保留着当时状态的Web窗口,无需触发浏览器的刷新,让用户感知不到Web窗口和原生页面的交互差异性,提高用户的体验。用户的体验。用户的体验。

【技术实现步骤摘要】
返回Web页面的页面状态恢复方法、装置、设备及介质


[0001]本专利技术涉及App开发
,特别涉及返回Web页面的页面状态恢复方法、装置、设备及介质。

技术介绍

[0002]混合App开发方案是在页面中放入导航组件和浏览器组件,通过不停的更换浏览器的url地址加载新页面和返回上一页,但是在此方案下,当加载新页面和返回上一页时会触发浏览器的刷新,用户可以看到页面的加载过程并且等待页面加载完成后才可以进行操作,此外浏览器无法保留上一个页面的状态,例如:用户在浏览支持滚动加载的页面元素时,当浏览至某一个未知后跳转到新页面,之后点击返回按钮返回到上一页时,页面会刷新后停留在页面的顶部,用户需要重新下拉页面找到上一次浏览的位置后继续访问新的页面元素。
[0003]综上,如何实现在页面返回时直接返回上一页的当时页面状态是本领域有待解决的技术问题。

技术实现思路

[0004]有鉴于此,本专利技术的目的在于提供返回Web页面的页面状态恢复方法、装置、设备及介质,能够实现在页面返回时直接返回上一页的当时页面状态。其具体方案如下:
[0005]第一方面,本申请公开了一种Web窗口加载显示方法,应用于第三方应用程序,包括:
[0006]根据用户输入的页面新开操作指令新建当前Web窗口,然后通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,并将第三方应用程序地址指向所述当前Web窗口的地址;
[0007]当接收到页面返回上一Web页面的页面操作指令时,调用所述运行栈中保存的上一Web页面的Web实例;
[0008]将所述上一Web页面的Web实例对应的Web窗口的当时状态加载显示于第三方应用程序的交互页面中。
[0009]可选的,所述将根据用户输入的页面新开操作指令新建当前Web窗口,包括:
[0010]当用户在所述第三方应用程序的交互页面中进行页面操作时,接收页面新开操作指令,然后根据所述页面新开操作指令新建当前Web窗口。
[0011]可选的,所述根据用户输入的页面新开操作指令新建当前Web窗口过程中,还包括:
[0012]监测所述第三方应用程序是否存在新Web窗口打开操作;若存在,则生成相应的Web实例存储请求。
[0013]可选的,所述通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,包括:
[0014]通过预设导航组件和浏览器组件构建窗口模板;
[0015]利用所述窗口模板并基于当前Web窗口中的窗口状态信息生成对应的当前Web实例存储于运行栈中。
[0016]可选的,所述通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,包括:
[0017]判断所述运行栈的剩余页面深度数量是否满足所述Web实例存储请求所需数量,若满足,则执行所述Web实例存储请求,存储所述新Web实例于所述运行栈中;若不满足,则对所述运行栈中存储的Web实例中存储时间最早的Web实例进行销毁,使所述运行栈的剩余页面深度数量满足所述新Web实例存储请求所需数量;执行所述Web实例存储请求,存储所述新Web实例于所述运行栈中;其中,所述运行栈中始终存在用于表征首页的Web实例。
[0018]可选的,所述判断所述运行栈的剩余页面深度数量是否满足所述新Web实例存储请求所需数量之前,还包括:
[0019]设置所述运行栈的页面深度数量并且当存在新Web实例存储于所述运行栈时,记录当前的Web实例占用的页面深度数量,以更新所述运行栈的剩余页面深度数量。
[0020]可选的,所述将所述上一Web页面的Web实例对应的Web窗口的当时状态加载显示于第三方应用程序的交互页面中,包括:
[0021]将所述上一Web页面的表征控制表单状态和下拉位置的浏览器组件的Web实例形成的Web窗口的加载显示于第三方应用程序的交互页面中。
[0022]第二方面,本申请公开了一种返回Web页面的页面状态恢复装置,应用于第三方应用程序,包括:
[0023]页面保存模块,用于将根据用户输入的页面新开操作指令新建当前Web窗口,然后基于预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,并将所述第三方应用程序地址指向所述当前Web窗口的地址;
[0024]指令调用模块,用于当接收到页面返回上一Web页面的页面操作指令时,调用所述运行栈中保存的上一Web页面的Web实例;
[0025]页面加载模块,用于将所述上一Web页面的Web实例对应的Web窗口的当时状态加载显示于第三方应用程序的交互页面中。
[0026]第三方面,本申请公开了一种电子设备,包括:
[0027]存储器,用于保存计算机程序;
[0028]处理器,用于执行所述计算机程序,以实现前述公开的返回Web页面的页面状态恢复方法的步骤。
[0029]第四方面,本申请公开了一种计算机可读存储介质,用于存储计算机程序;其中,所述计算机程序被处理器执行时实现前述公开的返回Web页面的页面状态恢复方法的步骤。
[0030]由此可见,本申请公开了一种返回Web页面的页面状态恢复方法,应用于第三方应用程序,包括:根据用户输入的页面新开操作指令新建当前Web窗口,然后通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,并将第三方应用程序地址指向所述当前Web窗口的地址;当接收到页面返回上一Web页面的页面操作指令时,调用所述运行栈中保存的上一Web页面的Web实例;将所述上一Web页面的Web实例对应的Web
窗口的当时状态加载显示于第三方应用程序的交互页面中。可见,通过将打开的Web窗口通过Web实例的方式存储于运行栈,使接收到返回上一页面的页面操作指令时,直接从运行栈中调出保留着当时状态的Web窗口的Web实例,无需触发浏览器的刷新,能够让用户感知不到Web页面和原生页面的交互差异性,提高用户的体验,特别是Web窗口返回上一页时的页面状态保存的问题。
附图说明
[0031]为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
[0032]图1为本申请公开的一种返回Web页面的页面状态恢复方法流程图;
[0033]图2为本申请公开的一种具体的返回Web页面的页面状态恢复方法流程图;
[0034]图3为本申请公开的一种运行栈存储调用Web实例方法图;
[0035]图4为本申请公开的一种返回Web页面的页面状态恢复装置结构示意图;
[0036]图5为本申请公开的一种电子设备结构图。
具体实施方式
[0037]下面将结合本申请实施例中的附图,对本申请实施本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种返回Web页面的页面状态恢复方法,其特征在于,应用于第三方应用程序,包括:根据用户输入的页面新开操作指令新建当前Web窗口,然后通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,并将第三方应用程序地址指向所述当前Web窗口的地址;当接收到页面返回上一Web页面的页面操作指令时,调用所述运行栈中保存的上一Web页面的Web实例;将所述上一Web页面的Web实例对应的Web窗口的当时状态加载显示于第三方应用程序的交互页面中。2.根据权利要求1所述的返回Web页面的页面状态恢复方法,其特征在于,所述将根据用户输入的页面新开操作指令新建当前Web窗口,包括:当用户在所述第三方应用程序的交互页面中进行页面操作时,接收页面新开操作指令,然后根据所述页面新开操作指令新建当前Web窗口。3.根据权利要求1所述的返回Web页面的页面状态恢复方法,其特征在于,所述根据用户输入的页面新开操作指令新建当前Web窗口过程中,还包括:监测所述第三方应用程序是否存在新Web窗口打开操作;若存在,则生成相应的Web实例存储请求。4.根据权利要求1所述的返回Web页面的页面状态恢复方法,其特征在于,所述通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,包括:通过预设导航组件和浏览器组件构建窗口模板;利用所述窗口模板并基于当前Web窗口中的窗口状态信息生成对应的当前Web实例存储于运行栈中。5.根据权利要求3所述的返回Web页面的页面状态恢复方法,其特征在于,所述通过预设窗口模板并基于所述当前Web窗口生成对应的当前Web实例存储于运行栈中,包括:判断所述运行栈的剩余页面深度数量是否满足所述Web实例存储请求所需数量,若满足,则执行所述Web实例存储请求,存储所述新Web实例于所述运行栈中;若不满足,则对所述运行栈中存储的Web实例中存储时间最早的Web实例进行销毁,使所述运行栈的剩余页面深度数...

【专利技术属性】
技术研发人员:吴康
申请(专利权)人:上海微盟企业发展有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1