CN112579936B - 一种页面处理方法、装置及计算机可读存储介质 - Google Patents

一种页面处理方法、装置及计算机可读存储介质 Download PDF

Info

Publication number
CN112579936B
CN112579936B CN201910935694.0A CN201910935694A CN112579936B CN 112579936 B CN112579936 B CN 112579936B CN 201910935694 A CN201910935694 A CN 201910935694A CN 112579936 B CN112579936 B CN 112579936B
Authority
CN
China
Prior art keywords
page
preset
control
embedded
preset time
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201910935694.0A
Other languages
English (en)
Other versions
CN112579936A (zh
Inventor
崔业钊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201910935694.0A priority Critical patent/CN112579936B/zh
Publication of CN112579936A publication Critical patent/CN112579936A/zh
Application granted granted Critical
Publication of CN112579936B publication Critical patent/CN112579936B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Abstract

本发明实施例公开了一种页面处理方法、装置及计算机可读存储介质。本实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,提升了页面处理的效率。

Description

一种页面处理方法、装置及计算机可读存储介质
技术领域
本发明涉及互联网技术领域,具体涉及一种页面处理方法、装置及计算机可读存储介质。
背景技术
随着终端的快速发展,智能终端成为人们日常使用的电子产品,伴随而来的是在智能终端上运行的各种应用程序的开发和使用,为了方便用户的使用,应用程序可以通过内置的网络视图组件加载内嵌页面,使得用户在内嵌页面上也能够浏览各种网页内容。
在现有技术中,通过在应用程序中加载内嵌页面,可以满足用户的各种需求,如浏览新闻、观看视频或者交流互动等等。用户通过点击、滑动等交互操作,可以进入或退出内嵌页面,也可以通过网络视图组件切换至另一个内嵌页面或者返回至上一个内嵌页面。
在对现有技术的研究和实践过程中,本发明的发明人发现,在对内嵌页面进行切换处理时,常常出现与操作目的不同的误响应,如用户执行返回至上一个内嵌页面的操作时,被误响应为内嵌页面的退出操作,从而退出了内嵌页面,产生不必要的麻烦,且容易丢失在之前的内嵌页面上的信息。
发明内容
本发明实施例提供一种页面处理方法、装置及计算机可读存储介质,可以提升页面处理的效率。
为解决上述技术问题,本发明实施例提供以下技术方案:
一种页面处理方法,包括:
在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;
在所述预设界面中显示预设计时控件;
当接收到页面回调操作时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
相应的,本发明实施例还提供了一种页面处理装置,包括:
页面退出模块,用于接收退出当前应用程序内嵌页面的操作,切换显示应用程序的预设界面;
控件显示模块,用于在所述预设界面中显示预设计时控件,沿着指向所述预设界面侧边的方向,所述预设计时控件的面积随时间变小;
页面恢复模块,用于当接收到页面回调操作时,所述页面回调操作使得所述预设计时控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作调整所述预设计时控件的形状,当所述页面回调操作将所述预设计时控件的形状调整到满足预设条件时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
在一些实施例中,所述预设计时控件包括位于所述预设界面侧边的矩形浮条,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述矩形浮条停止随时间缩短,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述矩形浮条,使得所述矩形浮条的形状向半圆形转变,当所述页面回调操作将所述矩形浮条的形状拉伸为半圆形时,若所述矩形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
在一些实施例中,所述预设计时控件包括位于所述预设界面侧边的由弧线和直线组成的半弧形浮条,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述半弧形浮条的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述半弧形浮条,使得所述半弧形浮条的形状向半圆形转变,当所述页面回调操作将所述半弧形浮条的形状拉伸为半圆形时,若所述半弧形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
在一些实施例中,所述预设计时控件包括位于所述预设界面角落的小半圆控件,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述小半圆控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作从所述预设界面角落向外拉伸所述小半圆控件,当所述页面回调操作将所述小半圆控件拉伸到面积大于预设面积时,若所述小半圆控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
相应的,本发明实施例还提供了一种页面处理装置,包括:
页面退出模块,用于在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;
控件显示模块,用于在所述预设界面中显示预设计时控件;
页面恢复模块,用于当接收到页面回调操作时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
在一些实施例中,所述内嵌页面包括网络视图组件加载的HTML5页面,在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面时,所述页面退出模块用于:
在接收到退出当前应用程序内所述HTML5页面的操作时,退出所述网络视图组件的界面,切换显示应用程序的预设界面。
在一实施例中,所述页面处理装置还包括数据删除单元,所述数据删除单元用于在预设计时控件计时达到预设时长时停止显示所述预设计时控件并删除所述网络视图组件加载的所有HTML5页面已缓存的页面数据。
在一些实施例中,当在所述预设界面中显示预设计时控件时,所述控件显示模块用于:
创建一个覆盖所述预设界面的透明图层,并在所述透明图层中显示所述预设计时控件。
在一些实施例中,所述控件显示模块,包括:
信息获取单元,用于获取当前的握持信息,所述握持信息包括左手握持或右手握持;
位置选取单元,用于根据所述握持信息,选取所述透明图层的左侧或右侧作为目标侧;
第一显示单元,用于在所述透明图层的目标侧显示所述预设计时控件。
在一些实施例中,所述控件显示模块,包括:
信息识别单元,用于识别所述预设界面中的内容信息;
位置确定单元,用于根据所述预设界面中的内容信息确定所述预设计时控件在所述透明图层上的显示位置;
第二显示单元,用于在所述显示位置上显示所述预设计时控件。
在一些实施例中,所述页面处理装置还包括控件调整模块,所述控件调整模块用于在所述预设计时控件的计时过程中,调整所述预设计时控件的面积随时间变小,透明度随时间变高。
在一些实施例中,所述页面处理装置还包括操作判断模块,所述操作判断模块用于判断在所述预设计时控件计时达到预设时长前是否接收到所述页面回调操作。
在一些实施例中,所述操作判断模块包括:
操作判断单元,用于判断在所述预设计时控件计时达到预设时长前是否接收到针对于所述预设计时控件的滑动操作;
形状调整单元,用于当在所述预设计时控件计时达到预设时长前接收到针对于所述预设计时控件的滑动操作,且所述滑动操作的滑动距离达到第一预设距离时,停止所述预设计时控件随时间的变化,并根据所述滑动操作调整所述预设计时控件的形状;
操作判定单元,用于当所述滑动操作的滑动距离达到第二预设距离时,判定接收到所述页面回调操作,所述第二预设距离大于所述第一预设距离。
在一些实施例中,在根据所述滑动操作调整所述预设计时控件的形状时,所述形状调整单元用于:
根据所述滑动操作将所述预设计时控件的形状由条形向半圆形调整;或者
沿着滑动操作的方向拉伸所述预设计时控件,沿着滑动操作的垂直方向压缩所述预设计时控件。
相应的,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质存储有多条指令,所述指令适于处理器进行加载,以执行上述页面处理方法中的步骤。
本发明实施例公开了一种页面处理方法、装置及计算机可读存储介质。本发明实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应退出内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图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是本发明实施例提供的终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例提供一种页面处理方法、装置及计算机可读存储介质。
请参阅图1,图1为本发明实施例提供的页面处理方法的场景示意图,包括:终端10(比如平板电脑、手机、笔记本电脑、台式电脑等)和服务器20,终端10与服务器20之间可以通过通信网络连接,该通信网络,包括无线网络以及有线网络,其中无线网络包括无线广域网、无线局域网、无线城域网、以及无线个人网中的一种或多种的组合。网络中包括路由器、网关等等网络实体,图中并未示意出。
其中,本发明实施例提供的页面处理装置可以集成在终端10中,用户对终端10进行内嵌页面访问操作,终端10根据用户的内嵌页面访问操作生成浏览请求,该浏览请求指示相应的页面标识,将该浏览请求发送至服务器20,使得服务器20返回页面标识相应的页面数据,终端10接收该页面数据进行加载,生成相应的内嵌页面,在终端10在接收到退出当前应用程序内嵌页面的退出操作时,触发预设计时控件,将预设计时控件显示在终端10的应用程序界面上,若预设计时控件在预设时长内接收到页面回调操作,则终端10根据缓存的页面数据恢复原内嵌页面。
需要说明的是,图1所示的页面处理方法的场景示意图仅仅是一个示例,本发明实施例描述的页面处理方法以及场景是为了更加清楚的说明本发明实施例的技术方案,并不构成对于本发明实施例提供的技术方案的限定,本领域普通技术人员可知,随着信息处理方法的演变和新业务场景的出现,本发明实施例提供的技术方案对于类似的技术问题,同样适用。
以下分别进行详细说明。需说明的是,以下实施例的描述顺序不作为对实施例优选顺序的限定。
在本实施例中,将从页面处理装置的角度进行描述,该页面处理装置具体可以集成在平板电脑、手机等具备储存单元并安装有微处理器而具有运算能力的终端中,该终端的操作系统可以为苹果公司的移动操作系统(IOS),或者为谷歌公司开发的操作系统(Android),此处对终端的操作系统不作限制。
一种页面处理方法,包括:在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
本发明实施例提供的页面处理方法的执行主体可以为终端,并可以作为区块链系统中的一个节点。区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层。
区块链底层平台可以包括用户管理、基础服务、智能合约以及运营检测等处理模块。其中,用户管理模块负责所有区块链参与者的身份信息管理,包括维护公私钥生成(账户管理)、密钥管理以及用户真实身份和区块链地址对应关系维护(权限管理)等,并且在授权的情况下,监管和审计某些真实身份的交易情况,提供风险控制的规则配置(风控审计);基础服务模块部署在所有区块链节点设备上,用来验证业务请求的有效性,并对有效请求完成共识后记录到存储上,对于一个新的业务请求,基础服务先对接口适配解析和鉴权处理(接口适配),然后通过共识算法将业务信息加密(共识管理),在加密之后完整一致的传输至共享账本上(网络通信),并进行记录存储;智能合约模块负责合约的注册发行以及合约触发和合约执行,开发人员可以通过某种编程语言定义合约逻辑,发布到区块链上(合约注册),根据合约条款的逻辑,调用密钥或者其它的事件触发执行,完成合约逻辑,同时还提供对合约升级注销的功能;运营检测模块主要负责产品发布过程中的部署、配置的修改、合约设置、云适配以及产品运行中的实时状态的可视化输出,例如:告警、检测网络情况、检测节点设备健康状态等。
平台产品服务层提供典型应用的基本能力和实现框架,开发人员可以基于这些基本能力,叠加业务的特性,完成业务逻辑的区块链实现。应用服务层提供基于区块链方案的应用服务给业务参与方进行使用。
请参阅图2,图2是本发明实施例提供的页面处理方法的流程示意图。该页面处理方法包括:
在101中,在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面。
其中,该内嵌页面是指在应用程序中通过嵌入的方式加载的页面,从而在应用程序的内嵌页面中也可以实现浏览网页、观看视频甚至加载游戏等多种功能。
例如,在应用程序中通过网络视图(Webview)组件加载的H5页面就是一种内嵌页面在应用程序中的内嵌手段。H5页面由第5代超文本标记语言(Hyper Text MarkupLanguage,HTML)标准规范简称HTML5而来,HTML5页面可简称为H5页面。现有的H5页面包括普通的幻灯片形式、需要简单点击的故事形式、用户能够参与的带有互交的功能形式、可以提交数据的表单形式、朋友圈流传的小游戏形式等等。
在一实施方式中,内嵌页面包括网络视图组件加载的H5页面,在接收到退出当前应用程序内H5页面的操作时,退出网络视图组件的界面,切换显示应用程序的预设界面。
需要说明的是,在应用程序中,可以通过网络视图组件加载内嵌页面。例如在应用程序中打开主页面时,可以加载网络视图组件生成内嵌页面来进行网络浏览。
其中,主页面指的是网络视图组件在应用程序中加载的所有内嵌页面中,第一个加载的内嵌页面。网络视图组件加载的内嵌页面可以仅有主页面。网络视图组件加载的内嵌页面也可以有包含主页面在内的多个主页面,可以从主页面上通过操作跳转至其他页面。并且,可以从应用程序的预设界面直接进入到网络视图组件界面,也可以退出网络视图组件界面返回至应用程序的预设界面。
其中,应用程序的预设界面,可以为应用程序的业务层面显示的任一界面,具体可以为从应用程序进入内嵌页面之前的应用程序界面。退出当前应用程序内嵌页面的操作可以为预设的滑动操作,如左滑操作,或是对内嵌页面上退出组件的点击操作,等等。
在一实施方式中,为监听退出当前应用程序内嵌页面的操作,可以在页面控制器中事先注册监听事件willMoveToParentViewController和didMoveToParentViewController。其中,监听到willMoveToParentViewController事件时,可认为接收到退出当前应用程序内嵌页面的请求,监听到didMoveToParentViewController事件时,可认为完成退出当前应用程序内嵌页面的操作。
其中,退出当前应用程序内嵌页面的操作可以为预设的滑动操作,也可以为对预设区域的点击操作。请参阅图3。从图3(a)至图3(c),在用户浏览内嵌页面时,若接收到左滑操作,则从内嵌页面切换至应用程序的预设界面。从图3(b)至图3(c),在用户浏览H5页面时,接收到对“返回”按键的点击操作,则从H5页面切换至图3(d)中应用程序的预设界面。
用户通过对内嵌页面进行操作,实现页面的开启、跳转和退出,等等。在对内嵌页面进行操作时,通用的左滑操作在其他网络视图组件中可能为返回上一个内嵌页面的操作,而对网络视图组件界面而言却是退出网络视图组件界面的操作,从而在用户想要通过左滑返回至上一个内嵌页面时,却误响导致应退出了整个网络视图组件界面。而本申请通过注册监听事件监听退出当前应用程序内嵌页面的操作,能够判断对内嵌页面的退出是否是误响应。
在一实施方式中,缓存内嵌页面相应的页面数据。
其中,页面数据包括交互数据和布局数据。交互数据为用户在内嵌页面上输入的数据,即用户交互数据。布局数据为服务器返回到内嵌网页上的数据,即页面布局数据。例如,用户在内嵌页面上输入词条“今日头条”进行搜索,服务器返回出搜索结果给用户、显示在内嵌页面上。其中,用户输入的词条“今日头条”就属于交互数据,而服务器根据该词条返回到内嵌页面上的“今日头条”的搜索结果就属于布局数据。
又例如,用户在内嵌页面上填写简历,简历的模板即为布局数据,而用户输入的个人信息即为交互数据。
在一实施方式中,可以在网络视图组件加载内嵌页面后,自动缓存内嵌页面的页面数据。在缓存内嵌页面相应的页面数据时,可以将网络视图组件加载的所有内嵌页面的页面数据进行缓存,也即注册整个网络视图组件的缓存;也可以只将用户当前正在浏览的内嵌页面的页面数据进行缓存。随着用户操作内嵌页面,内嵌页面的数据不断改变,并实时更新缓存内容。
通过缓存内嵌页面相应的页面数据,在退出内嵌页面,并切换至应用程序的预设界面之后,若用户想要回到原内嵌页面,可以通过缓存的页面数据快速恢复显示原内嵌页面。
在一实施方式中,在缓存内嵌页面相应的页面数据时,将页面数据缓存到预设数据库中。判断预设数据库中是否有历史页面数据,其中,历史页面数据为其他内嵌页面缓存的页面数据,若判断出预设数据库中有历史页面数据,则删除该历史页面数据,或者说,替换该历史页面数据,从而避免在之后调用页面数据时,出现调用错误。同时,通过替换的方式,保证在预设数据库中同一时间只有一份页面数据,从而避免大量历史页面数据浪费终端的资源和存储空间。
需要说明的是,在本发明实施例中,对内嵌页面的页面数据的缓存时机不做限制。在内嵌页面打开的同时,即可缓存内嵌页面的页面数据,以及在之后的操作中实时更新页面数据,也可以是在退出内嵌页面时,缓存页面数据。
在102中,在预设界面中显示预设计时控件。
其中,预设计时控件可以关联有计时器,预设计时控件在显示的同时触发计时器,并在计时器预设时长内进行计时。
在预设计时控件的计时过程中,预设计时控件的形状、位置、大小和/或透明度等控件参数随时间改变。例如,随着计时的进行,预设计时控件的面积逐渐减小,且逐渐变透明,最终在计时结束时,预设计时控件消失在透明图层中,并删除缓存的内嵌页面的页面数据。
在一些实施方式中,在预设界面中显示预设计时控件的步骤之前,还可以包括:
(1)判断内嵌页面是否为预设页面。
其中,预设页面可以为应用程序的主页面,即网络视图组件在应用程序中加载的所有内嵌页面中,第一个加载的内嵌页面。可以通过判断内嵌页面是否可返回至加载的前一内嵌页面判断内嵌页面是否为预设页面。若内嵌页面可返回至加载的前一内嵌页面,则判定该内嵌页面不是预设页面;若内嵌页面不可返回至加载的前一内嵌页面,则判定该内嵌页面是预设页面。
作为优选的,在接收到退出当前应用程序内嵌页面的操作时,退出内嵌页面,并触发内嵌页面对应的网络视图组件的预设接口,根据预设接口的返还结果判断内嵌页面是否可返回至加载的前一内嵌页面。例如,在接收到退出当前应用程序H5页面的操作时,退出H5页面,并触发H5页面对应的Webview组件的canGoBack接口,canGoBack接口向终端提供两种返还结果:当canGoBack接口的返还结果为“真”时,说明该H5页面为可以回退的H5页面;当canGoBack接口的返还结果为“假”时,说明该H5页面为不可回退的H5页面。
实施方式中,还可以在终端的后台中模拟页面返回的过程,根据模拟结果判断内嵌页面是否可返回至加载的前一内嵌页面。若模拟结果为页面返回之后,切换到另一个内嵌页面,则判定该内嵌页面不是预设页面;若模拟结果为页面返回之后,直接退出至应用程序的预设界面,则判定该内嵌页面为预设页面。该模拟可通过在终端中内置模型完成。
(2)当判断出内嵌页面不是预设页面时,在预设界面中显示预设计时控件。
在一实施方式中,若内嵌页面为预设页面,则说明该内嵌页面本身是对应于网络视图组件的第一个页面,不论用户是想要对该内嵌页面进行正常的返回、还是想要退出该内嵌页面,都将切换至应用程序的预设界面。并且,由于预设页面是第一个加载的页面,如果用户想回到预设界面,只需操作一次就行,不需要重复复杂的操作,因而,当判断出内嵌页面是预设页面时,无需在预设界面中显示预设计时控件。
而当内嵌页面不是预设页面时,在预设界面中显示预设计时控件,延迟销毁内嵌页面对应的网络视图组件,以避免用户需要重复复杂的操作才能回到原内嵌页面。
其中,可以将预设计时控件添加在全局层面。添加到全局层面是指添加到终端操作系统中独立于其他业务页面框架且在其他业务框架之上的顶层框架。添加到顶层框架中的预设计时控件在执行时,不影响其他业务页面的正常操作和处理,同时在任一业务页面框架中都能通过满足预定条件触发该预设计时控件。例如,无论从应用程序的哪个页面中进入内嵌页面,在接收到退出当前应用程序内嵌页面的操作时,都能够显示预设计时控件。将预设计时控件添加在全局层面,从而在任何业务页面都能调出该预设计时控件。
此外,在顶层框架中,可以同时设置有事件监听处理器和网页控制器等。事件监听处理器用于监听各种事件,并在监听到这些事件时将这些事件发送至网页控制器。网页控制器根据事件监听处理器监听到的事件进行数据处理。在网页控制器中,设置有网络视图缓存容器和计时控件容器,用以存储页面数据和计时控件数据。
例如,在监听到willMoveToParentViewController事件时,确定接收到退出请求,并将结果发送至网页控制器,网页控制器对该事件进行响应,在预设界面中显示预设计时控件;在监听到didMoveToParentViewController事件时,确定内嵌页面完成退出操作,并将结果发送至网页控制器,网页控制器对该事件进行响应,在预设界面中显示预设计时控件。
在一实施方式中,创建一个覆盖预设界面的透明图层,在透明图层中显示预设计时控件。该透明图层不影响用户对预设界面的操作,可以完全覆盖预设界面,也可以部分覆盖预设界面。同时,显示在透明图层中的预设计时控件可以为透明的,也可以为不透明的。预设计时控件显示在透明图层上,因而,用户只会看到该预设计时控件,而不会看到该图层。
其中,在透明图层中显示预设计时控件的步骤,包括:
(1)获取当前的握持信息,握持信息包括左手握持或右手握持;
(2)根据握持信息,选取透明图层的左侧或右侧作为目标侧;
(3)在透明图层的目标侧显示预设计时控件。
其中,用户在握持终端设备时,可以用左手握持,也可以用右手握持。可以通过在终端中设置的红外感应装置获取当前的握持信息,根据握持信息在透明图层中确定用于显示预设计时控件的目标侧。
其中,根据握持信息,选取透明图层的左侧或右侧作为目标侧。
比如,当获取到左手握持的握持信息时,选取透明图层的左侧作为目标侧;当获取到右手握持的握持信息时,选取透明图层的右侧作为目标侧。当终端被左手握持时,在透明图层的左侧显示预设计时控件,当终端被右手握持时,在透明图层的右侧显示预设计时控件,能够方便用户的单手操作。
在一实施方式中,请参阅图4,终端的显示区域并非完全覆盖终端的整个屏幕。例如,终端中设置有单手操作模式,在单手操作模式下,终端的显示区域位于终端屏幕的左下区域或右下区域,应用程序的预设界面在终端屏幕的左下区域或右下区域显示。而此时预设计时控件可以相应的选择左侧或者右侧作为目标侧。也即,在透明图层中显示预设计时控件的步骤,也可以包括:
(1)判断终端是否处于单手操作模式;
(2)当判断出终端处于单手操作模式时,确定单手操作模式的操作侧;
(3)在透明图层的操作侧显示预设计时控件。
其中,单手操作模式的操作侧包括左手侧和右手侧。若终端屏幕的显示状态处于单手操作状态,通过获取单手操作模式的操作侧,确定出当前是处于单手操作模式中的左手操作模式还是右手操作模式。从而,在终端处于左手操作状态时,选取透明图层的左手侧作为操作侧;在终端处于右手操作状态时,选取透明图层的右手侧作为操作侧。从而即使在单手操作模式下,也能够最大程度上方便用户的操作。
在一实施方式中,预设计时控件在开始显示后,可以随时间的变化或用户的交互操作改变形状、位置、大小和/或透明度等控件参数。例如,可以通过拖拽的方式将预设计时控件拖动到预设界面之上的透明图层的任意位置;在接收到针对预设计时控件的滑动操作时,向滑动操作的方向拉伸预设计时控件;或者,当检测到同一时间针对预设计时控件的两个滑动操作时,根据滑动操作的方向按照一定比例放大或缩小预设计时控件,等等。
可选的,可以提取内嵌页面的信息,显示在预设计时控件中。例如,将内嵌页面的页面标志图标或者内嵌页面中的第一个字显示在预设计时控件中。
请参阅图5,在一实施方式中,在从内嵌页面切换至应用程序的预设界面时,对终端的显示区域进行分屏。其中,预设计时控件显示在1号显示区域中,并覆盖整个1号显示区域;原预设界面的其他内容,如原网页中的信息等,显示在2号控制区域。同时,在后台截取内嵌网页的截图,以缩略图的形式显示在预设计时控件中。从而,在即不影响应用程序预设界面的显示、又便于用户区分各个内嵌页面的前提下,用户还可以在预设计时控件计时达到预设时长前通过点击的方式回到想要回到的内嵌页面。
在一实施方式中,在显示预设计时控件的同时,弹出提示消息,以提示用户可撤销对内嵌页面的退出操作、恢复到之前的内嵌页面,提示消息显示在透明界面中除预设计时控件以外的区域中,不影响用户对预设计时控件的操作。
需要说明的是,本发明实施例中对预设计时控件的形状、大小及位置等的举例仅仅是示意性的。本领域技术人员应知,在不改变整体发明构思的情况下,对本发明实施例的预设计时控件的形状、大小及位置等控件参数进行的修改,均属于本发明实施例的保护范围。
在103中,当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
其中,当接收到页面回调操作时,启动该预设计时控件开启计时,并持续检测用户的操作,在时间达到预设时长之前,在检测到用户输入的针对预设计时控件的页面回调操作时,找到已缓存的页面数据并加载,从而恢复内嵌页面。
可选的,若内嵌页面有多个,则确定出内嵌页面中的目标内嵌页面,获取目标内嵌页面已缓存的页面数据并加载,从而恢复目标内嵌页面。目标内嵌页面为在接收到退出当前应用程序内嵌页面的操作前,用户正在浏览的内嵌页面。
此外,在预设界面中显示预设计时控件之后,还可以包括:在预设计时控件计时达到预设时长时停止显示预设计时控件并删除已缓存的页面数据。当内嵌页面为网络视图组件加载的H5页面时,删除网络视图组件加载的所有H5页面已缓存的页面数据。
在一实施方式中,在预设计时控件的计时过程中,也即预设计时控件在计时达到预设时长前,也即预设计时控件消失前,用户可以对预设计时控件进行交互操作,当该交互操作为页面回调操作时,预设计时控件暂停计时,其控件参数不再随时间改变,而是随用户的页面回调操作改变,其中页面回调操作包括但不限于满足预设条件的滑动操作和点击操作等。例如,用户对预设计时控件进行滑动操作,在接收到用户的滑动操作时,预设计时控件暂停计时,并随着用户的滑动操作而变换。只要用户不松开手,预设计时控件就将一直存在。也就是说,原本,若未接收到用户的页面回调操作,预设计时控件在计时达到预设时长时就会消失,但是由于接收到用户的页面回调操作,预设计时控件可以延迟消失,并延迟销毁原内嵌页面的页面数据。
或者,当接受到用户的页面回调操作时,预设计时控件也可以不暂停计时,而是依旧随时间改变其控件参数。在预设计时控件计时达到预设时长前,若未接收到用户的页面回调操作,则预设计时控件在计时结束时消失,并将缓存的内嵌页面的数据删除。若用户的页面回调操作不足以在预设计时控件计时达到预设时长前达到预设条件,预设计时控件也在计时结束时消失,并将缓存的内嵌页面的数据删除。
从而,当终端接收到页面回调操作时预设计时控件即使尚未达到预设时长,说明用户在预设计时控件的计时过程中对预设计时控件进行了满足预设条件的交互操作,这时,可以认为切换至应用程序的预设界面并非用户的本意,从而加载已缓存的页面数据以恢复显示内嵌页面,避免用户需要通过复杂的操作才能回到之前的内嵌页面;而如果一直没有接收到页面回调操作,那么在预设计时控件计时达到预设时长时,可以认为用户本意就是想切换至应用程序的预设界面,也并不想恢复退出的内嵌页面,因而,将停止显示预设计时控件,并删除已缓存的页面数据。而对H5页面而言,能够区分出用户的本意是想要退出某一个H5页面从而切换至其他的H5页面,还是想要退出加载H5页面的整个网络视图组件从而切换至应用程序的预设界面。
下面以预设计时控件为浮条,内嵌页面为H5页面,页面回调操作为预设滑动操作为例举例说明。
请参阅图6,用户在应用程序中加载的H5页面上填写简历时,填写的数据作为页面数据的一部分被缓存下来,在接收到退出当前内嵌的H5页面的操作时,退出H5页面,并切换至应用程序的预设界面。用户在浮条计时达到预设时长前对浮条进行滑动,浮条在计时达到预设时长前接收到预设滑动操作,加载页面数据以恢复显示原H5页面,从而无需用户再去填写已填写过的内容,很好地保护了用户的信息。
请一并参阅图7,用户通过应用程序加载的H5页面浏览新闻,从第一次打开的H5页面跳转多次,在多次跳转后的H5页面上浏览新闻。这时如果用户不小心退出了H5页面,并切换至应用程序的预设界面。由于事先缓存了H5页面的页面数据,用户若想要回到之前的H5页面,无需再重复做一次之前的操作,用户只需在计时达到预设时长对浮条进行滑动,浮条在计时达到预设时长前接收到预设滑动操作,就能够直接根据缓存的页面数据恢复该H5页面,从而方便用户的操作,给用户带来更好的体验。
例如,在预设计时控件计时达到预设时长前接收到针对于预设计时控件的滑动操作,当滑动操作的滑动距离达到第一预设距离时,预设计时控件暂停计时,控件参数停止随时间改变,转而随着滑动操作改变。若之后该滑动操作的滑动距离达到第二预设距离,则加载缓存的页面数据以恢复显示内嵌页面;若该滑动操作的滑动距离达到第一预设距离、未达到第二预设距离,则在滑动操作结束时,预设计时控件继续计时,并继续随时间改变控件参数。其中,第二预设距离大于第一预设距离,达到第一/第二预设距离指大于或等于第一/第二预设距离。
在预设计时控件在计时达到预设时长前,若未接收到页面回调操作,则在计时结束时,删除预设计时控件及缓存的页面数据。
在一些实施方式中,在预设界面中显示预设计时控件之前,还包括:接收到对退出当前应用程序内嵌页面的操作时,判断内嵌页面对应的网络视图组件是否满足延时销毁条件。
其中,判断内嵌页面对应的网络视图组件是否满足延时销毁条件的步骤,可以包括:
遍历当前所有的视图组件,确定出所有的视图组件中的顶层视图组件;
判断顶层视图组件是否为网络视图组件;
若判断出顶层视图组件为网络视图组件,则判断内嵌页面是否为预设页面;
若判断出内嵌页面不是预设页面,则判定内嵌页面对应的网络视图组件满足延时销毁条件。
在缓存内嵌页面相应的页面数据时,缓存整个网络视图组件。当监听到willMoveToParentViewController事件时,确定接收到用户的页面退出请求,并通知顶层框架的页面控制器。在顶层框架的页面控制器内,遍历当前所有的视图组件,如果当前的视图组件为缓存过的网络视图组件,且网络视图组件的界面中当前显示的并非第一个内嵌页面(可返回),则认为网络视图组件满足延迟销毁条件。
在网络视图组件满足延迟销毁条件的前提下,当后续监听到didMoveToParentViewController事件时,在预设界面中显示预设计时控件。
在一些实施方式中,该页面处理方法还可以包括:
根据预设计时控件的计时时长调整预设计时控件的形状和/或透明度。例如,在预设计时控件的计时过程中,调整预设计时控件的面积随时间变小,透明度随时间变高。
由上可知,本发明实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应退出内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
根据前一实施例所描述的方法,以下将举例作进一步详细说明。
在本实施例中,将以该页面处理装置具体集成在终端中为例进行说明,该终端的操作系统可以为苹果公司的移动操作系统(IOS),或者为谷歌公司开发的操作系统(Android),此处对终端的操作系统不作限制。
请参阅图8,图8为本发明实施例提供的页面处理方法的另一流程示意图。该方法流程可以包括:
在201中,在终端接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面。
其中,应用程序的预设界面,可以为应用程序的业务层面显示的任一界面,具体可以为从应用程序进入内嵌页面之前的应用程序界面。退出当前应用程序内嵌页面的操作可以为预设的滑动操作,如左滑操作,或是对内嵌页面上退出组件的点击操作,等等。
在202中,终端获取内嵌页面相应的页面数据。
内嵌页面的页面数据包括交互数据和布局数据。其中,交互数据为用户在内嵌页面上输入的数据,即用户交互数据。布局数据为服务器返回到内嵌网页上的数据,即页面布局数据。
在203中,终端将页面数据在预设数据库中进行缓存。
通过缓存内嵌页面相应的页面数据,在退出内嵌页面,并切换至应用程序的预设界面之后,若用户想要回到原内嵌页面,可以通过缓存的页面数据快速恢复显示原内嵌页面。
在204中,终端判断内嵌页面是否为预设页面。若是,则转入205。
其中,预设页面可以为应用程序的主页面,即网络视图组件在应用程序中加载的所有内嵌页面中,第一个加载的内嵌页面。可以通过判断内嵌页面是否可返回至加载的前一内嵌页面判断内嵌页面是否为预设页面。若内嵌页面可返回至加载的前一内嵌页面,则判定该内嵌页面不是预设页面;若内嵌页面不可返回至加载的前一内嵌页面,则判定该内嵌页面是预设页面。
作为优选的,在接收到退出当前应用程序内嵌页面的操作时,退出内嵌页面,并触发内嵌页面对应的网络视图组件的预设接口,根据预设接口的返还结果判断内嵌页面是否可返回至加载的前一内嵌页面。若内嵌页面为预设页面,则说明该内嵌页面本身是对应于网络视图组件的第一个页面,不论用户是想要对该内嵌页面进行正常的返回、还是想要退出该内嵌页面,都将切换至应用程序的预设界面。并且,由于预设页面是第一个加载的页面,如果用户想回到预设界面,只需操作一次就行,不需要重复复杂的操作,因而,当判断出内嵌页面是预设页面时,无需在预设界面中显示预设计时控件。
而当内嵌页面不是预设页面时,在预设界面中显示预设计时控件,延迟销毁内嵌页面对应的网络视图组件,以避免用户需要重复复杂的操作才能回到原内嵌页面。
在205中,终端创建一个覆盖预设界面的透明图层,并在透明图层中显示预设计时控件。
在一实施方式中,终端创建一个覆盖预设界面的透明图层,在透明图层中显示预设计时控件。该透明图层不影响用户对预设界面的操作,可以完全覆盖预设界面,也可以部分覆盖预设界面。同时,显示在透明图层中的预设计时控件可以为透明的,也可以为不透明的。预设计时控件显示在透明图层上,因而,用户只会看到该预设计时控件,而不会看到该图层。
请一并参阅图9、图10、图11及图12,其中,预设计时控件的同形状、位置、大小、透明度等控件参数可以不同。下面以透明图层完全覆盖预设界面为例,结合终端的显示界面进行说明。
当终端接收到退出当前应用程序内嵌页面的操作时,退出内嵌页面,切换至应用程序的预设界面,并在预设界面中显示预设计时控件。预设计时控件可以为图9(a)中的矩形浮条,形状为细长的矩形,不透明,贴近透明图层的右侧。或者,预设计时控件也可以为图10(a)中的半透明半圆形浮窗,显示在透明图层的下端。又或者,预设计时控件也可以为图11(a)中的半透明半弧形浮条,半弧形浮条贴近透明图层的右侧显示,其中,远离图层边缘的一侧为弧线,贴近图层边缘的一侧为直线。又或者,预设计时控件也可以为图12(a)中的半透明小半圆控件,显示在透明图层的右下角。
需要说明的是,本发明对控件展示形态及位置的举例并不构成对本发明控件展示形态及位置的限制。本领域技术人员在未进行创造性劳动下对本发明控件展示形态及位置的改变均属于本发明的保护范围。
在一实施方式中,终端在透明图层中显示预设计时控件的步骤,包括:
(1)终端获取当前的握持信息,握持信息包括左手握持或右手握持;
(2)终端根据握持信息,选取透明图层的左侧或右侧作为目标侧;
(3)终端在透明图层的目标侧显示预设计时控件。
用户在握持终端设备时,可以用左手握持,也可以用右手握持,通过在终端中设置的红外感应装置获取当前的握持信息,可以在透明图层中确定用于显示预设计时控件的目标侧。
其中,终端根据握持信息,选取透明图层的左侧或右侧作为目标侧。例如,当终端获取到左手握持的握持信息时,选取透明图层的左侧作为目标侧;当终端获取到右手握持的握持信息时,选取透明图层的右侧作为目标侧。
当终端被左手握持时,在透明图层的左侧显示预设计时控件,当终端被右手握持时,在透明图层的右侧显示预设计时控件,能够方便用户的单手操作。
此外,预设计时控件也可以不在透明图层中的某一侧显示,而是显示在透明界面中的任意位置,例如,显示为图12中处于透明图层中间偏右位置的圆形浮窗,该圆形浮窗为半透明状。
在一实施方式中,终端在透明图层中显示预设计时控件的步骤,包括:
终端识别预设界面中的内容信息;
终端根据预设界面中的内容信息确定预设计时控件在透明图层上的显示位置;
终端在显示位置上显示预设计时控件。
其中,内容信息可以为文字信息、图片信息等。在一实施方式中,终端将预设界面划分为若干子界面,识别每个子界面中的文字信息,得到每个子界面对应的文字数量,根据预设界面中的内容信息确定预设计时控件在透明图层上的显示位置。例如,终端将预设界面中文字数量最少的子界面对应的透明图层位置确定为预设计时控件在透明图层上的显示位置。
例如,请参阅图13,预设界面被划分为子界面A~I,识别每个界面中的文字信息后,得到每个子界面对应的文字数量,其中,预设界面中文字数量最少的子界面为F,将子界面F对应的透明图层位置确定为预设计时控件在透明图层上的显示位置。
在206中,终端根据预设计时控件的计时时长调整预设计时控件的形状和/或透明度。
在预设计时控件的计时过程中,预设计时控件的形状、位置、大小和/或透明度等控件参数随时间改变。例如,随着计时的进行,预设计时控件的面积逐渐减小,且逐渐变透明。
在207中,终端判断在预设计时控件计时达到预设时长前是否接收到针对于预设计时控件的滑动操作。若是,则转入208;若否,则转入212。
在预设计时控件显示的同时,终端通过触摸事件监听针对预设计时控件的滑动操作。监听区域为预设计时控件的显示区域加上部分周边显示区域。监听区域可以由用户通过交互操作预先选定。
请参阅图14,预设计时控件可以为矩形浮条,在控件设置界面,用户通过触摸、滑动等操作预先选定监听区域(图中虚线部分),用户可以通过交互操作调整监听区域的大小和位置,最小可调整到仅包含矩形浮条的显示区域。
在208中,终端判断滑动操作的滑动距离是否达到第一预设距离。若是,则转入209,若否,则转入212。
首先,终端可以通过滑动操作的起始位置和当前位置,获取针对预设计时控件的滑动操作的滑动距离。即,终端获取针对预设计时控件的滑动操作的滑动距离的步骤,可以包括:
终端获取确定滑动操作的起点,记为第一触控点;
终端实时获取滑动操作的触控位置,得到第二触控点;
终端将第二触控点距第一触控点的位置作为滑动操作的滑动距离。
其中,对同一次滑动操作而言,第一触控点的位置是确定的,即滑动操作的起点是确定的,而第二触控点,即滑动操作的当前触控点是可以改变的。例如,随着手指的不断滑动,滑动操作的轨迹可以为直线,也可以为不规则的线条。当滑动操作的轨迹为不规则线条时,仅将当前第二触控点与第一触控点的直线距离作为滑动操作的滑动距离,而忽略其运行的轨迹。
即,终端将第二触控点距第一触控点的位置作为滑动操作的滑动距离的步骤,可以包括:
终端确定出由第一触控点指向第二触控点的滑动向量;
终端将滑动向量的长度确定为滑动操作的滑动距离。
在209中,终端停止预设计时控件随时间的变化,并根据滑动操作调整预设计时控件的形状。
在确定出当前的滑动距离后,若滑动距离达到第一预设距离,则终端停止预设计时控件随时间的变化,并根据滑动操作调整预设计时控件的形状。其中,第一预设距离也可称为启动距离。
请一并参阅图9、图10及图11,图9、图10级图11展示了接收到滑动操作前后预设计时控件的形态变化,其中,预设计时控件可以以图9(a)、图10(a)或图11(a)的形式显示在覆盖预设界面的透明图层中。在未接收到针对预设计时控件的滑动操作时,或者接收到的滑动操作的滑动距离未达到第一预设距离时,随着时间变化,预设计时控件的面积不断减小,且逐渐变透明,请参阅图9(b)、图10(b)及图11(b)。如果在预设计时控件计时结束前都没有接收到针对预设计时控件的滑动操作,或者滑动操作的滑动距离未达到第一预设距离,预设计时控件将在计时结束时消失。
而之所以将第一预设距离称为启动距离,正因为在接收到的滑动操作的滑动距离大于第一预设距离时,预设计时控件将暂停计时,并停止随着时间的变化,转而根据该滑动操作变换大小和形状。
请参阅图9、图10及图11,在一实施方式中,终端根据滑动操作调整预设计时控件的形状的步骤,可以包括:
(1)终端根据滑动操作将预设计时控件的形状由条形向半圆形调整;或者
(2)终端沿着滑动操作的方向拉伸预设计时控件,沿着滑动操作的垂直方向压缩预设计时控件。
在第(2)种方式中,终端确定出滑动操作的滑动向量,沿着滑动向量的滑动方向拉伸预设计时控件,沿着滑动方向的垂直方向压缩预设计时控件。
其中滑动向量的确定方式如前,这里不再赘述。预设计时控件的形态随滑动操作的变化可参阅图9(c)、图10(c)及图11(c)。
在图9中,在退出内嵌页面,并切换显示应用程序的预设界面时,在预设界面中显示的预设计时控件为矩形浮条,如图9(a)。在图9(a)中,终端已经返回至应用程序的预设界面,矩形浮条显示在预设界面的右侧,呈细长条状,并不影响用户正常地浏览应用程序的预设界面。而在矩形浮条显示的同时,其面积和形状随时间变化,逐渐向图9(b)转变。从图9(a)到图9(b),矩形浮条的长度随时间变短,透明度随时间变高,透明度越高,矩形浮条越透明。如果用户一直不对矩形浮条进行操作,矩形浮条将以图9(a)到图9(b)的变化趋势慢慢消失在应用程序的预设界面上。而若在矩形浮条计时达到预设时长前接收到针对该矩形浮条的滑动操作,且滑动操作的滑动距离大于第一预设距离时,矩形浮条停止随时间的变化,转而随着用户的滑动操作向图9(c)中的半圆形转变,矩形浮条形态的变化决定着内嵌页面恢复的时机,例如,当矩形浮条被用户“拉取”为标准的半圆时,终端加载已缓存的页面数据以恢复原内嵌页面,见图9(c)到图9(d)到图9(e)。
在图10中,在退出内嵌页面,并切换显示应用程序的预设界面时,在预设界面中显示的预设计时控件为半圆形浮窗,如图10(a)。在图10(a)中,终端已经返回至应用程序的预设界面,半圆形浮窗显示在预设界面的下侧,呈半圆状,并不影响用户正常地浏览应用程序的预设界面。而在半圆形浮窗显示的同时,其面积和形状随时间变化,逐渐向图10(b)转变。从图10(a)到图10(b),半圆形浮窗的半径和直径随时间变短,整体面积随时间变小。如果用户一直不对半圆形浮窗进行操作,半圆形浮窗将越变越小并最终消失在应用程序的预设界面上。而若在矩形浮条计时达到预设时长前接收到针对该半圆形浮窗的滑动操作,且滑动操作的滑动距离大于第一预设距离时,半圆形浮窗停止随时间的变化,转而随着用户的滑动操作向图10(c)中的半椭圆形转变,其中,半圆形浮窗沿着滑动向量的滑动方向被拉伸,沿着滑动方向的垂直方向被压缩,半圆形浮窗形态的变化决定着内嵌页面恢复的时机。
在图11中,在退出内嵌页面,并切换显示应用程序的预设界面时,在预设界面中显示的预设计时控件为半弧形浮条,如图11(a)。在图11(a)中,终端已经返回至应用程序的预设界面,半弧形浮条显示在预设界面的右侧,为弧线与直线构成的条状,并不影响用户正常地浏览应用程序的预设界面。而在半弧形浮条显示的同时,其面积和形状随时间变化,逐渐向图11(b)转变。从图11(a)到图11(b),半弧形浮条的长度和宽度均随时间变短。如果用户一直不对半弧形浮条进行操作,半弧形浮条将以图11(a)到图11(b)的变化趋势慢慢消失在应用程序的预设界面上。而若在矩形浮条计时达到预设时长前接收到针对该半弧形浮条的滑动操作,且滑动操作的滑动距离大于第一预设距离时,半弧形浮条停止随时间的变化,转而随着用户的滑动操作向图11(c)中的半圆形转变,半弧形浮条形态的变化决定着内嵌页面恢复的时机,例如,当半弧形浮条被用户“拉取”为标准的半圆时,终端加载已缓存的页面数据以恢复原内嵌页面,见图11(c)到图11(d)到图11(e)。
请一并参阅图12,在一实施方式中,预设计时控件的形状也可以为图12中位于角落的半透明的小半个圆形,例如,位于预设界面的右下角。此时的预设计时控件可称为透明小半圆控件。在退出内嵌页面,并切换显示应用程序的预设界面时,在预设界面中显示的预设计时控件为透明小半圆控件,如图12(a)。在图12(a)中,终端已经返回至应用程序的预设界面,透明小半圆控件显示在预设界面的右下角,并不影响用户正常地浏览应用程序的预设界面。而在透明小半圆控件显示的同时,其面积随时间变化,逐渐向图12(b)转变。从图12(a)到图12(b),透明小半圆控件的面积随时间变小。如果用户一直不对该透明小半圆控件进行操作,透明小半圆控件将以图12(a)到图12(b)的变化趋势慢慢从预设界面的右下角消失在应用程序的预设界面上。而若在透明小半圆控件计时达到预设时长前接收到针对该半弧形浮条的滑动操作,且滑动操作的滑动距离大于第一预设距离时,透明小半圆控件的面积停止随时间的减小,转而随着用户的滑动操作增大,见图12(b)到图12(c)。透明小半圆控件形态的变化决定着内嵌页面恢复的时机,例如,当透明小半圆控件被用户“拉取”为与图12(a)中透明小半圆控件刚出现时一样大时,终端加载已缓存的页面数据以恢复原内嵌页面,见图12(c)到图12(d)到图12(e)。
在210中,终端判断滑动操作的滑动距离是否达到第二预设距离。若是,则转入211,若否,则回到209。
在211中,终端加载已缓存的页面数据以恢复显示内嵌页面。
第二预设距离也称目标距离。当滑动操作的滑动距离达到第二预设距离时,终端判定接收到针对预设计时控件的页面回调操作,并根据页面回调操作加载已缓存的页面数据,以恢复显示原来的内嵌页面。
在滑动过程中,滑动距离达到第一预设距离,但未达到第二预设距离的时候,终端继续监听该滑动操作,并继续209,根据滑动操作调整预设计时控件的形状。
需要说明的是,当判断出滑动操作的滑动距离未达到第二预设距离时,终端继续监听该滑动操作,并继续根据滑动操作调整预设计时控件的形状的前提,是预设计时控件计时未达到预设时长。
若在预设计时控件计时达到预设时长时滑动距离都仍未达到第二预设距离,则转入212,终端停止显示预设计时控件,并删除已缓存的页面数据。
在一实施方式中,恢复显示内嵌页面之前,终端重新创建该内嵌页面的页面控制器,并在该页面控制器中重新创建用于加载内嵌页面的网络视图组件的容器。从缓存中获取该内嵌页面的网络视图组件,通过网络视图组件在新创建的页面控制器中恢复显示该内嵌页面。
在212中,终端在计时结束时停止显示预设计时控件,并删除已缓存的页面数据。
在预设计时控件的计时过程中,若终端未接收到针对预设计时控件的滑动操作时,或者接收到的滑动操作的滑动距离未达到第一预设距离时,随着时间变化,预设计时控件的面积不断减小,且逐渐变透明。如果在预设计时控件计时达到预设时长时都没有接收到针对预设计时控件的滑动操作,或者滑动操作的滑动距离未达到第一预设距离,说明用户并不想恢复原内嵌页面,为了不影响用户的阅读视线,以及减少占用终端的存储空间,终端在预设计时控件计时达到预设时长时停止显示预设计时控件,并删除已缓存的页面数据。
由上可知,本发明实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应退出内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
本发明实施例提供的页面处理装置可以集成在终端中,下面以内嵌页面为网络视图组件加载的H5页面,预设计时控件为浮条,终端的操作系统为苹果操作系统(IOS)为例,对本发明提供的页面处理方法进行进一步说明。
请参阅图15,图15为本发明实施例提供的页面处理方法的另一流程示意图。该方法流程可以包括:
301、终端从应用程序打开H5页面。
302、终端创建网络视图组件。
303、终端向顶层UI框架注册网络视图组件缓存。
其中,终端在业务页面创建网络视图组件,并将网络视图组件注册到顶层框架缓存。
以使用苹果公司的操作系统(IOS)的终端为例,终端中可以设置有延迟处理模块。请一并参阅图16及图17,图16为IOS系统的View层级结构图,图17为延迟处理模块的结构示意图。其中,在顶层UI框架中包含有根视图控制器(rootViewController),在根视图控制器组件(rootViewController.view)中包含业务页面控制器组件(ViewController.view),每个业务页面控制器组件中都可以注册用于加载H5页面的网络视图组件(WebView)。
304、终端判断当前是否已存在网络视图组件缓存。是,则转入步骤305,若否,则转入步骤306。
305、终端销毁前一个网络视图组件缓存。
若当前已经存在有其他的网络视图组件缓存,则销毁前一个网络视图组件缓存,从而保证网络视图组件缓存容器中只存在本次缓存的网络视图组件,以保证之后调用网络视图组件恢复当前H5页面的准确性。
306、终端注册左滑退出的监听事件。
在视图控制器注册左滑退出的监听事件:willMoveToParentViewController和didMoveToParentViewController,可以通过以下方法实现:
-(void)willMoveToParentViewController:(UIViewController*)parent
-(void)didMoveToParentViewController:(UIViewController*)parent
307、终端将网络视图组件添加到页面。
308、终端用网络视图组件加载H5页面。
终端用创建好的网络视图组件加载H5页面。
309、用户左滑退出网络视图组件。
310、终端监听到左滑退出的事件。
311、终端在顶层UI框架上显示浮条。
当用户左滑退出网络视图组件时,终端首先判断当前是否满足延迟销毁的条件。以浮条的预设时间为3秒为例,若当前满足延迟销毁的条件,则将浮条组件添加在视图控制器组件的最顶层,并开始逐渐消失。
请一并参阅图18,图17所示的事件监听处理器的工作流程可以包括:
S10、终端收到退出H5页面的通知。
S11、终端遍历所有视图组件。
S12、终端找到当前在顶部显示的视图组件。
S13、终端判断视图组件是否为网络视图组件。
S14、终端判断H5页面是否为第一个H5页面。
S15、终端延迟销程网络视图组件。
S16、终端销毁网络视图组件缓存。
当即将退出的视图控制器监听到willMoveToParentViewController时,通知顶层控制器。终端在顶层控制器内,遍历当前页面的所有视图组件,如果当前顶层显示的视图组件时之前缓存的网络视图组件,并且网络视图组件当前显示的H5页面可后退(即并非第一个H5页面),则认为当前环境符合延迟销毁条件。
若环境符合延迟销毁条件,当后续监听到didMoveToParentViewController,终端退出用于显示H5页面的网络视图组件界面时,创建浮条组件,并启动浮条缓慢消失的动画,开始延迟销毁过程。同时,将浮条添加在顶层UI(界面)框架中,以在全局层面实现:在任何业务页面调起网络视图组件时,都实现延时销毁,而业务页面无需针对延时销毁做过多处理,专注业务即可。
312、用户在3s内滑动浮条。
其中,可以通过处理UITouch事件监测浮条接收到的滑动操作。
313、终端取出顶层UI框架内的网络视图组件缓存。
314、终端将网络视图组件重新显示到页面。
在浮条消失过程中,如果用户滑动浮条,并到达预设的启动距离,则辐条形状发生变化,到达指定距离后,重新创建视图控制器,并从网络视图组件缓存中获取当前的网络视图组件,在新的视图控制器中用该网络视图组件加载原H5页面。
请一并参阅图19,浮条事件的处理流程可以包括:
S20、终端在浮条周边区域收到滑动事件。
S21、终端计算滑动操作的滑动距离。
S22、终端判断滑动距离是否超过启动值。
S23、浮条形状变化,响应滑动操作。
S24、浮条继续消失进程。
S25、终端判断滑动距离是否超过规定距离。
S26、终端获取当前网络视图组件缓存。
S27、浮条继续消失进程。
S28、终端启动新的网页控制器。
S29、在终端上显示网络视图组件界面。
其中,在浮条显示的同时,增加UITouch触摸事件监听用户的滑动操作。监听区域可以为浮条可见区域加周边一部分。同时开始逐渐缩小消失的过程。
当手指滑动超过指定的启动距离后,浮条停止消失,浮条形状发生变化,随手指滑动方向增大。若手指滑动距离未超过启动距离,则浮条继续消失过程。
当手指滑动超过指定的恢复距离时,启动回复过程:获取当前缓存的网络视图组件,创建新的视图控制器并压入栈顶显示,同时将网络视图组件添加到视图控制器中,以加载原H5页面。
315、网络视图组件退出后超过3s。
316、浮条渐渐消失。
317、终端销毁网络视图组件缓存。
如果浮条消失过程中用户并未理会,则浮条在3秒后消失,此时移除浮条组件,并销毁当前已缓存的网络视图组件。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见上文针对页面处理方法的详细描述,此处不再赘述。
由上可知,本发明实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应退出内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
为便于更好的实施本发明实施例提供的页面处理方法,本发明实施例还提供一种基于上述页面处理方法的装置。其中名词的含义与上述页面处理方法中相同,具体实现细节可以参考方法实施例中的说明。
请参阅图20,图20为本发明实施例提供的页面处理装置的结构示意图,其中该页面处理装置可以包括页面退出模块401、控件显示模块402及页面恢复模块403等。
页面退出模块401,用于接收退出当前应用程序内嵌页面的操作,切换显示应用程序的预设界面;
控件显示模块402,用于在预设界面中显示预设计时控件,沿着指向预设界面侧边的方向,预设计时控件的面积随时间变小;
页面恢复模块403,用于当接收到页面回调操作时,页面回调操作使得预设计时控件的面积停止随时间变小,并随页面回调操作的方向增大,根据页面回调操作调整预设计时控件的形状,当页面回调操作将预设计时控件的形状调整到满足预设条件时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
其中,在控件显示模块402在预设界面中显示预设计时控件时,预设计时控件的透明度随时间变高。透明度越高,预设计时控件越透明。
其中,在页面恢复模块403接收到页面回调操作时,页面回调操作使得预设计时控件的透明度停止随时间变高,并随页面回调操作而变低。即随着页面回调操作的进行,预设计时控件逐渐向不透明转变。
在一些实施方式中,预设计时控件包括位于预设界面侧边的矩形浮条,页面恢复模块403用于:
当接收到页面回调操作时,页面回调操作使得矩形浮条停止随时间缩短,并随页面回调操作的方向增大,根据页面回调操作拉伸矩形浮条,使得矩形浮条的形状向半圆形转变,当页面回调操作将矩形浮条的形状拉伸为半圆形时,若矩形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
在一些实施方式中,预设计时控件包括位于预设界面侧边的由弧线和直线组成的半弧形浮条,页面恢复模块403用于:
当接收到页面回调操作时,页面回调操作使得半弧形浮条的面积停止随时间变小,并随页面回调操作的方向增大,根据页面回调操作拉伸半弧形浮条,使得半弧形浮条的形状向半圆形转变,当页面回调操作将半弧形浮条的形状拉伸为半圆形时,若半弧形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
在一些实施方式中,预设计时控件包括位于预设界面角落的小半圆控件,页面恢复模块403用于:
当接收到页面回调操作时,页面回调操作使得小半圆控件的面积停止随时间变小,并随页面回调操作的方向增大,根据页面回调操作从预设界面角落向外拉伸小半圆控件,当页面回调操作将小半圆控件拉伸到面积大于预设面积时,若小半圆控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
请继续参阅图20,图20为本发明实施例提供的页面处理装置的结构示意图,其中该页面处理装置可以包括页面退出模块401、控件显示模块402及页面恢复模块403等。
页面退出模块401,用于在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;
控件显示模块402,用于在预设界面中显示预设计时控件;
页面恢复模块403,用于当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
其中,在预设界面中显示预设计时控件之前,判断内嵌页面是否为预设页面,当判断出内嵌页面不是预设页面时,在预设界面中显示预设计时控件。
在一些实施例中,当在预设界面中显示预设计时控件时,控件显示模块402用于创建一个覆盖预设界面的透明图层,并在透明图层中显示预设计时控件。
在一些实施方式中,如图21所示,控件显示模块402可以包括:
信息获取单元4021,用于获取当前的握持信息,握持信息包括左手握持或右手握持;
位置选取单元4022,用于根据握持信息,选取透明图层的左侧或右侧作为目标侧;
第一显示单元4023,用于在透明图层的目标侧显示预设计时控件。
或者,在一些实施方式中,如图22所示,控件显示模块402也可以包括:
信息识别单元4024,用于识别预设界面中的内容信息;
位置确定单元4025,用于根据预设界面中的内容信息确定预设计时控件在透明图层上的显示位置;
第二显示单元4026,用于在显示位置上显示预设计时控件。
请参阅图23,在一实施方式中,页面处理装置还可以包括数据缓存模块404,数据缓存模块404用于缓存内嵌页面相应的页面数据。
其中,页面数据可以包括交互数据及布局数据,在缓存内嵌页面相应的页面数据时,数据缓存模块404可用于:
获取内嵌页面相应的交互数据及布局数据;
将交互数据及布局数据在预设数据库中进行缓存。
在一实施方式中,内嵌页面包括HTML5页面,页面处理装置还可以包括数据删除单元405,数据删除单元405用于在预设计时控件计时达到预设时长时停止显示预设计时控件并删除网络视图组件加载的所有HTML5页面已缓存的页面数据。
在一些实施方式中,页面处理装置还可以包括操作判断模块406,用于判断在预设计时控件计时达到预设时长前是否接收到页面回调操作。
在一些实施方式中,如图24所示,操作判断模块406可以包括:
操作判断单元4061,用于判断在预设计时控件计时达到预设时长前是否接收到针对于预设计时控件的滑动操作;
形状调整单元4062,用于当在预设计时控件计时达到预设时长前接收到针对于预设计时控件的滑动操作,且滑动操作的滑动距离达到第一预设距离时,根据滑动操作调整预设计时控件的形状;
操作判定单元4063,用于当滑动操作的滑动距离达到第二预设距离时,判定接收到页面回调操作,第二预设距离大于第一预设距离。
其中,在根据滑动操作调整预设计时控件的形状时,形状调整单元4062用于:
根据滑动操作将预设计时控件的形状由条形向半圆形调整;或者
沿着滑动操作的方向拉伸预设计时控件,沿着滑动操作的垂直方向压缩预设计时控件。
在一些实施方式中,页面处理装置还可以包括控件调整模块407,用于根据预设计时控件的计时时长调整预设计时控件的形状和/或透明度,例如,在预设计时控件的计时过程中,调整预设计时控件的面积随时间变小,透明度随时间变高。
以上各个模块的具体实施可参见前面的实施例,在此不再赘述。
由上可知,本发明实施例通过页面退出模块401在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;控件显示模块402在预设界面中显示预设计时控件;页面恢复模块403当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面退出时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应退出内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
本发明实施例还提供一种终端,如图25所示,该终端可以包括射频(RF,RadioFrequency)电路501、包括有一个或一个以上计算机可读存储介质的存储器502、输入单元503、显示单元504、传感器505、音频电路406、无线保真(WiFi,Wireless Fidelity)模块507、包括有一个或者一个以上处理核心的处理器508、以及电源509等部件。本领域技术人员可以理解,图25中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路501可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器508处理;另外,将涉及上行的数据发送给基站。通常,RF电路501包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM,Subscriber Identity Module)卡、收发信机、耦合器、低噪声放大器(LNA,Low Noise Amplifier)、双工器等。此外,RF电路501还可以通过无线通信与网络和其他设备通信。无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统(GSM,Global System of Mobile communication)、通用分组无线服务(GPRS,GeneralPacket Radio Service)、码分多址(CDMA,Code Division Multiple Access)、宽带码分多址(WCDMA,Wideband Code Division Multiple Access)、长期演进(LTE,Long TermEvolution)、电子邮件、短消息服务(SMS,Short Messaging Service)等。
存储器502可用于存储软件程序以及模块,处理器508通过运行存储在存储器502的软件程序以及模块,从而执行各种功能应用以及信息处理。存储器502可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器502可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器502还可以包括存储器控制器,以提供处理器508和输入单元503对存储器502的访问。
输入单元503可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,在一个具体的实施例中,输入单元503可包括触敏表面以及其他输入设备。触敏表面,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器508,并能接收处理器508发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面,输入单元503还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元504可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元504可包括显示面板,可选的,可以采用液晶显示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic Light-Emitting Diode)等形式来配置显示面板。进一步的,触敏表面可覆盖显示面板,当触敏表面检测到在其上或附近的触摸操作后,传送给处理器508以确定触摸事件的类型,随后处理器508根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图25中,触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面与显示面板集成而实现输入和输出功能。
终端还可包括至少一种传感器505,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板的亮度,接近传感器可在终端移动到耳边时,关闭显示面板和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路506、扬声器,传声器可提供用户与终端之间的音频接口。音频电路506可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路506接收后转换为音频数据,再将音频数据输出处理器508处理后,经RF电路501以发送给比如另一终端,或者将音频数据输出至存储器502以便进一步处理。音频电路506还可能包括耳塞插孔,以提供外设耳机与终端的通信。
WiFi属于短距离无线传输技术,终端通过WiFi模块507可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图25示出了WiFi模块507,但是可以理解的是,其并不属于终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器508是终端的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器502内的软件程序和/或模块,以及调用存储在存储器502内的数据,执行终端的各种功能和处理数据。可选的,处理器508可包括一个或多个处理核心;优选的,处理器508可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器508中。
终端还包括给各个部件供电的电源509(比如电池),优选的,电源可以通过电源管理系统与处理器508逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源509还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端中的处理器508会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器502中,并由处理器508来运行存储在存储器502中的应用程序,从而实现各种功能:
在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见上文针对页面处理方法的详细描述,此处不再赘述。
由上可知,本发明实施例在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。以此在发生与目标操作不同的误响应将内嵌页面关闭时,显示预设计时控件,通过预设计时控件接收到的页面回调操作加载已缓存的页面数据从而快速恢复内嵌页面的显示,相对于现有由于误响应关闭内嵌页面的方案而言,避免了内嵌页面繁琐的恢复操作以及丢失内嵌页面上输入的页面数据,减少了内嵌页面恢复的时间,提升了页面处理的效率。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本发明实施例提供一种计算机可读存储介质,其中存储有多条指令,该指令能够被处理器进行加载,以执行本发明实施例所提供的任一种页面处理方法中的步骤。例如,该指令可以执行如下步骤:
在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;在预设界面中显示预设计时控件;当接收到页面回调操作时,若预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示内嵌页面。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
其中,该计算机可读存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该计算机可读存储介质中所存储的指令,可以执行本发明实施例所提供的任一种页面处理方法中的步骤,因此,可以实现本发明实施例所提供的任一种页面处理方法所能实现的有益效果,详见前面的实施例,在此不再赘述。
以上对本发明实施例所提供的一种页面处理方法、装置及计算机可读存储介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上,本说明书内容不应理解为对本发明的限制。

Claims (20)

1.一种页面处理方法,其特征在于,包括:
在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;
在所述预设界面中显示预设计时控件;
当接收到页面回调操作时,所述页面回调操作使得所述预设计时控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作调整所述预设计时控件的形状,当所述页面回调操作将所述预设计时控件的形状调整到满足预设条件时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
2.如权利要求1所述的页面处理方法,其特征在于,所述内嵌页面包括网络视图组件加载的HTML5页面,所述在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面的步骤包括:
在接收到退出当前应用程序内所述HTML5页面的操作时,退出所述网络视图组件的界面,切换显示应用程序的预设界面。
3.如权利要求2所述的页面处理方法,其特征在于,所述在所述预设界面中显示预设计时控件的步骤之后,还包括:
在预设计时控件计时达到预设时长时停止显示所述预设计时控件并删除所述网络视图组件加载的所有HTML5页面已缓存的页面数据。
4.如权利要求1所述的页面处理方法,其特征在于,所述在所述预设界面中显示预设计时控件的步骤,包括:
创建一个覆盖所述预设界面的透明图层,并在所述透明图层中显示所述预设计时控件。
5.如权利要求4所述的页面处理方法,其特征在于,所述在所述透明图层中显示所述预设计时控件的步骤,包括:
获取当前的握持信息,所述握持信息包括左手握持或右手握持;
根据所述握持信息,选取所述透明图层的左侧或右侧作为目标侧;
在所述透明图层的目标侧显示所述预设计时控件。
6.如权利要求4所述的页面处理方法,其特征在于,所述在所述透明图层中显示所述预设计时控件的步骤,包括:
识别所述预设界面中的内容信息;
根据所述预设界面中的内容信息确定所述预设计时控件在所述透明图层上的显示位置;
在所述显示位置上显示所述预设计时控件。
7.如权利要求1所述的页面处理方法,其特征在于,所述预设计时控件包括位于所述预设界面侧边的矩形浮条,所述当接收到页面回调操作时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面的步骤,包括:
当接收到页面回调操作时,所述页面回调操作使得所述矩形浮条停止随时间缩短,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述矩形浮条,使得所述矩形浮条的形状向半圆形转变,当所述页面回调操作将所述矩形浮条的形状拉伸为半圆形时,若所述矩形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
8.如权利要求1所述的页面处理方法,其特征在于,所述预设计时控件包括位于所述预设界面侧边的由弧线和直线组成的半弧形浮条,所述当接收到页面回调操作时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面的步骤,包括:
当接收到页面回调操作时,所述页面回调操作使得所述半弧形浮条的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述半弧形浮条,使得所述半弧形浮条的形状向半圆形转变,当所述页面回调操作将所述半弧形浮条的形状拉伸为半圆形时,若所述半弧形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
9.如权利要求1所述的页面处理方法,其特征在于,所述预设计时控件包括位于所述预设界面角落的小半圆控件,所述当接收到页面回调操作时,所述页面回调操作使得所述预设计时控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作调整所述预设计时控件的形状,当所述页面回调操作将所述预设计时控件的形状调整到满足预设条件时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面,包括:
当接收到页面回调操作时,所述页面回调操作使得所述小半圆控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作从所述预设界面角落向外拉伸所述小半圆控件,当所述页面回调操作将所述小半圆控件拉伸到面积大于预设面积时,若所述小半圆控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
10.如权利要求1至9任一项所述的页面处理方法,其特征在于,所述页面处理方法还包括:
在所述预设计时控件的计时过程中,调整所述预设计时控件的面积随时间变小,透明度随时间变高。
11.如权利要求10所述的页面处理方法,其特征在于,所述加载已缓存的页面数据以恢复显示所述内嵌页面的步骤之前,还包括:
判断在所述预设计时控件计时达到预设时长前是否接收到所述页面回调操作;
所述判断在所述预设计时控件计时达到预设时长前是否接收到所述页面回调操作的步骤,包括:
判断在所述预设计时控件计时达到预设时长前是否接收到针对于所述预设计时控件的滑动操作;
当在所述预设计时控件计时达到预设时长前接收到针对于所述预设计时控件的滑动操作,且所述滑动操作的滑动距离达到第一预设距离时,停止所述预设计时控件随时间的变化,并根据所述滑动操作调整所述预设计时控件的形状;
当所述滑动操作的滑动距离达到第二预设距离时,判定接收到所述页面回调操作,所述第二预设距离大于所述第一预设距离。
12.如权利要求11所述的页面处理方法,其特征在于,所述根据所述滑动操作调整所述预设计时控件的形状的步骤,包括:
根据所述滑动操作将所述预设计时控件的形状由条形向半圆形调整;或者
沿着滑动操作的方向拉伸所述预设计时控件,沿着滑动操作的垂直方向压缩所述预设计时控件。
13.如权利要求12所述的页面处理方法,其特征在于,所述在所述预设界面中显示预设计时控件的步骤之前,还包括:
判断所述内嵌页面是否为预设页面;
当判断出所述内嵌页面不是预设页面时,在所述预设界面中显示所述预设计时控件。
14.一种页面处理装置,其特征在于,包括:
页面退出模块,用于接收退出当前应用程序内嵌页面的操作,切换显示应用程序的预设界面;
控件显示模块,用于在所述预设界面中显示预设计时控件,沿着指向所述预设界面侧边的方向,所述预设计时控件的面积随时间变小;
页面恢复模块,用于当接收到页面回调操作时,所述页面回调操作使得所述预设计时控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作调整所述预设计时控件的形状,当所述页面回调操作将所述预设计时控件的形状调整到满足预设条件时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
15.如权利要求14所述的页面处理装置,其特征在于,所述预设计时控件包括位于所述预设界面侧边的矩形浮条,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述矩形浮条停止随时间缩短,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述矩形浮条,使得所述矩形浮条的形状向半圆形转变,当所述页面回调操作将所述矩形浮条的形状拉伸为半圆形时,若所述矩形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
16.如权利要求14所述的页面处理装置,其特征在于,所述预设计时控件包括位于所述预设界面侧边的由弧线和直线组成的半弧形浮条,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述半弧形浮条的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作拉伸所述半弧形浮条,使得所述半弧形浮条的形状向半圆形转变,当所述页面回调操作将所述半弧形浮条的形状拉伸为半圆形时,若所述半弧形浮条计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
17.如权利要求14所述的页面处理装置,其特征在于,所述预设计时控件包括位于所述预设界面角落的小半圆控件,所述页面恢复模块用于:
当接收到页面回调操作时,所述页面回调操作使得所述小半圆控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作从所述预设界面角落向外拉伸所述小半圆控件,当所述页面回调操作将所述小半圆控件拉伸到面积大于预设面积时,若所述小半圆控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
18.一种页面处理装置,其特征在于,包括:
页面退出模块,用于在接收到退出当前应用程序内嵌页面的操作时,切换显示应用程序的预设界面;
控件显示模块,用于在所述预设界面中显示预设计时控件;
页面恢复模块,用于当接收到页面回调操作时,所述页面回调操作使得所述预设计时控件的面积停止随时间变小,并随所述页面回调操作的方向增大,根据所述页面回调操作调整所述预设计时控件的形状,当所述页面回调操作将所述预设计时控件的形状调整到满足预设条件时,若所述预设计时控件计时尚未达到预设时长,则加载已缓存的页面数据以恢复显示所述内嵌页面。
19.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有多条指令,所述指令适于处理器进行加载,以执行权利要求1至13任一项所述的页面处理方法。
20.一种终端,其特征在于,所述终端包括处理器和存储器,所述存储器存储有应用程序,所述处理器用于运行所述存储器内的应用程序,以执行权利要求1至13任一项所述的页面处理方法中的步骤。
CN201910935694.0A 2019-09-29 2019-09-29 一种页面处理方法、装置及计算机可读存储介质 Active CN112579936B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910935694.0A CN112579936B (zh) 2019-09-29 2019-09-29 一种页面处理方法、装置及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910935694.0A CN112579936B (zh) 2019-09-29 2019-09-29 一种页面处理方法、装置及计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN112579936A CN112579936A (zh) 2021-03-30
CN112579936B true CN112579936B (zh) 2023-11-14

Family

ID=75111112

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910935694.0A Active CN112579936B (zh) 2019-09-29 2019-09-29 一种页面处理方法、装置及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN112579936B (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104156406A (zh) * 2014-07-29 2014-11-19 腾讯科技(深圳)有限公司 应用程序内嵌页面显示方法及装置
CN106445379A (zh) * 2016-09-12 2017-02-22 深圳市金立通信设备有限公司 一种响应用户触摸操作的方法及终端
CN109408182A (zh) * 2018-10-18 2019-03-01 五八有限公司 一种预设页面的跳转方法、装置、存储介质及终端
US20190073099A1 (en) * 2015-09-28 2019-03-07 Beijing Kingsoft Internet Security Software Co., Ltd. Method and device for launching application and electronic device
CN110032308A (zh) * 2019-03-15 2019-07-19 努比亚技术有限公司 一种页面显示方法、终端及计算机可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104156406A (zh) * 2014-07-29 2014-11-19 腾讯科技(深圳)有限公司 应用程序内嵌页面显示方法及装置
US20190073099A1 (en) * 2015-09-28 2019-03-07 Beijing Kingsoft Internet Security Software Co., Ltd. Method and device for launching application and electronic device
CN106445379A (zh) * 2016-09-12 2017-02-22 深圳市金立通信设备有限公司 一种响应用户触摸操作的方法及终端
CN109408182A (zh) * 2018-10-18 2019-03-01 五八有限公司 一种预设页面的跳转方法、装置、存储介质及终端
CN110032308A (zh) * 2019-03-15 2019-07-19 努比亚技术有限公司 一种页面显示方法、终端及计算机可读存储介质

Also Published As

Publication number Publication date
CN112579936A (zh) 2021-03-30

Similar Documents

Publication Publication Date Title
US10397649B2 (en) Method of zooming video images and mobile display terminal
US10831314B2 (en) Method and electronic device for preventing touch button from being false triggered
US10551987B2 (en) Multiple screen mode in mobile terminal
US9431983B2 (en) Volume adjusting method, volume adjusting apparatus and electronic device using the same
WO2014201863A1 (en) Volume adjusting method, volume adjusting apparatus and electronic device using the same
US20120289290A1 (en) Transferring objects between application windows displayed on mobile terminal
CN112000269B (zh) 屏幕开启方法、装置及电子设备
CN110083413A (zh) 一种小程序调用方法及终端设备
KR20150047451A (ko) 메시지 표시방법, 장치, 단말기장치, 프로그램 및 기록매체
CN109710139B (zh) 一种页面处理方法、装置、终端以及存储介质
US10171640B2 (en) Method, apparatus, and system for displaying message in mobile terminal
US11138956B2 (en) Method for controlling display of terminal, storage medium, and electronic device
US9921735B2 (en) Apparatuses and methods for inputting a uniform resource locator
CN112068762A (zh) 应用程序的界面显示方法、装置、设备及介质
CN108763544A (zh) 一种显示方法及终端
CN108536388A (zh) 分屏处理方法、装置、存储介质和电子设备
CN108563416A (zh) 应用显示方法、装置、存储介质及电子设备
CN113050863A (zh) 页面切换方法、装置、存储介质及电子设备
JP6974620B2 (ja) 通知メッセージ処理方法及び端末
CN112579936B (zh) 一种页面处理方法、装置及计算机可读存储介质
CN108268294A (zh) 页面切换方法和装置
CN115828845A (zh) 多媒体数据查看方法、装置、介质及设备
CN110321500B (zh) 一种网页内容显示方法及装置
CN109565463B (zh) 一种短信验证码的处理方法、装置和终端
CN107871017B (zh) 一种信息过滤功能的检测方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40041024

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant