[发明专利]基于混合开发的iOS页面跳转方法及其系统

说明书

本发明提出了一种基于混合开发的iOS页面跳转方法及其系统，基于滑动返回的页面跳转方法步骤如下：S1、禁用原生系统滑动返回功能；S2、创建滑动返回手势；S3、监听滑动返回手势；S4、判断上级页面类型；S5、调用html5页面返回方法返回上级html5页面；S6、调用原生返回方法返回原生页面。基于返回按键的页面跳转方法步骤如下：S1、监听页面返回按键；S2、点击按键，判断上级页面类型；S3、调用html5页面返回方法返回上级html5页面；S4、调用原生返回方法返回原生页面。本发明系统包括滑动返回模块、监听模块、判断模块、html5页面返回模块、iOS页面返回模块。采用本发明方法和系统可以快速且正确的返回上级页面，避免混合开发中多级页面返回错乱的情况。

技术领域

本发明涉及混合开发的iOS软件中页面跳转的方法及其系统，属于APP混合开发领域。

背景技术

目前，APP开发由最初的本地化开发慢慢过渡到混合开发，混合开发的APP既有本地化APP的良好用户交互体验，又具有Web APP跨平台开发的优点。越来越多的APP选择使用混合开发，随之而来的问题也越来越多，混合开发软件页面跳转异常是常见的问题之一。

在做混合开发的时候，iOS端使用WKWebview加载html页面，当html页面只有一级时，使用原生系统自带的滑动返回上一级功能可以正常通过右滑返回，当存在多级html页面时，有一定概率出现侧滑返回时直接返回到上级控制器，无法正常返回上一级html页面的情况，这是因为html页面的侧滑返回和导航控制器的侧滑返回发生冲突，系统无法准确识别到底是哪一种侧滑返回。

发明内容

针对目前混合开发软件滑动返回时页面跳转异常的问题，本发明提出了一种基于混合开发的iOS页面跳转方法及其系统，通过调用web端页面返回方法返回html上级页面，调用原生系统页面返回方法返回原生主页面。

为解决上述技术问题，本发明采用了如下技术手段：

基于混合开发中滑动返回的页面跳转方法，具体包括以下步骤：

S1、禁用原生系统的滑动返回功能；

S2、给WKWebview创建一个滑动返回手势；

S3、对S2中的滑动返回手势进行监听；

S4、在html5页面触发滑动返回手势，根据html5页面历史记录判断上级页面类型；

S5、当上级页面是html5页面，调用html5页面返回方法返回上级html5页面；

S6、当上级页面是iOS原生页面，调用iOS系统原生返回方法返回iOS原生页面。

基于混合开发中html5页面返回按键的页面跳转方法，具体包括以下步骤：

S1、监听html5页面返回按键；

S2、触发html5页面返回按键，根据html5页面历史记录判断上级页面类型；

S3、当上级页面是html5页面，调用html5页面返回方法返回上级html5页面；

S4、当上级页面是iOS原生页面，调用iOS系统原生返回方法返回iOS原生页面。

基于混合开发的iOS页面跳转系统，包括：

滑动返回模块，用于禁用原生系统的滑动返回功能并创建一个可识别的滑动返回手势；

监听模块，用于监听滑动返回模块创建的滑动返回手势和html5页面返回按键；

判断模块，用于判断上级页面类型；

html5页面返回模块，用于调用html5页面返回方法返回上级html5页面；