您现在的位置是:网站首页> 编程资料编程资料
Html5跳转到APP指定页面的实现HTML5 History API 实现无刷新跳转
2021-08-30
1059人已围观
简介 这篇文章主要介绍了Html5跳转到APP指定页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
1.设置urlschemes

urlschemes尽量设一个唯一的字符串,例如可以设为:iOS+公司英文名+ 项目工程名
比如我的设为iOSTencentTest,在浏览器中输入地址iOSTencentTest://即可跳转到我的app
2.跳转到指定页面
在使用iOSTencentTest://打开app会调用AppDelegate的代理方法
-(BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary*)options
跳转指定页面在该方法中操作
iOSTencentTest://后面是可以添加参数的,例如iOSTencentTest://goodsDetails?id=xxxxx
goodsDetails可直接通过url.host获取
id=xxxxx 参数可直接通过url.query获取
可以根据自身需求去设置不同的host和参数。

h5那边只需要执行:
window.location.href = 'iOSTencentTest://goodsDetails?id=xxxxx'
附:
//获取Window当前显示的ViewController - (UIViewController*)currentViewController{ //获得当前活动窗口的根视图 UIViewController* vc = [UIApplication sharedApplication].keyWindow.rootViewController; while (1) { //根据不同的页面切换方式,逐步取得最上层的viewController if ([vc isKindOfClass:[UITabBarController class]]) { vc = ((UITabBarController*)vc).selectedViewController; } if ([vc isKindOfClass:[UINavigationController class]]) { vc = ((UINavigationController*)vc).visibleViewController; } if (vc.presentedViewController) { vc = vc.presentedViewController; }else{ break; } } return vc; } //NSString类别方法 //通过url.query获取参数字符 再分成字典 -(NSMutableDictionary *)getURLParameters { if (!self.length) { return nil; } NSMutableDictionary *params = [NSMutableDictionary dictionary]; if ([self containsString:@"&"]) { NSArray *urlComponents = [self componentsSeparatedByString:@"&"]; for(NSString *keyValuePair in urlComponents) { //生成key/value NSArray *pairComponents = [keyValuePair componentsSeparatedByString:@"="]; NSString *key = [pairComponents.firstObject stringByRemovingPercentEncoding]; NSString*value = [pairComponents.lastObject stringByRemovingPercentEncoding]; //key不能为nil if(key==nil|| value ==nil) continue; id existValue = [params valueForKey:key]; if(existValue !=nil) { //已存在的值,生成数组。 if([existValue isKindOfClass:[NSArray class]]) { //已存在的值生成数组 NSMutableArray*items = [NSMutableArray arrayWithArray:existValue]; [items addObject:value]; [params setValue:items forKey:key]; }else{ //非数组 [params setValue:@[existValue,value]forKey:key]; } }else{ //设置值 [params setValue:value forKey:key]; } } }else { //单个参数生成key/value NSArray *pairComponents = [self componentsSeparatedByString:@"="]; if(pairComponents.count==1) { return nil; } //分隔值 NSString *key = [pairComponents.firstObject stringByRemovingPercentEncoding]; NSString *value = [pairComponents.lastObject stringByRemovingPercentEncoding]; //key不能为nil if(key ==nil|| value ==nil)return nil; //设置值 [params setValue:value forKey:key]; } return params; } 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
相关内容
- html5自动播放mov格式视频的实例代码html5 video全屏播放/自动播放的实现示例html5中嵌入视频自动播放的问题解决解决HTML5中的audio在手机端和微信端的不能自动播放问题HTML5 解决苹果手机不能自动播放音乐问题有关HTML5中背景音乐的自动播放功能HTML5页面音视频在微信和app下自动播放的实现方法HTML5页面音频自动播放的实现方式
- html5响应式开发自动计算fontSize的方法告别硬编码让你的前端表格自动计算的实例代码
- html5 制作地图当前定位箭头的方法示例html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 详解HTML5 Canvas标签及基本使用html5移动端自适应布局的实现吃透移动端 Html5 响应式布局HTML5 通过Vedio标签实现视频循环播放的示例代码HTML5中在title标题标签里设置小图标的方法html5用video标签流式加载的实现html5自定义video标签的海报与播放按钮功能详解HTML5布局和HTML5标签
- HTML5自定义mp3播放器源码HTML5实时语音通话聊天MP3压缩传输3KB每秒html5 录制mp3音频支持采样率和比特率设置
- html5 canvas手势解锁源码分享解锁canvas导出图片跨域的N种姿势小结h5使用canvas画布实现手势解锁
- HTML5自定义视频播放器源码html5视频媒体标签video的使用方法及完整参数说明详解Html5实现首页动态视频背景的示例代码HTML5实现视频弹幕功能HTML5 视频播放(video),JavaScript控制视频的实例代码HTML5视频播放插件 video.js介绍
- 使用html2canvas实现将html内容写入到canvas中生成图片html2canvas生成的图片偏移不完整的解决方法html2canvas截图空白问题的解决html2 canvas生成清晰的图片实现打印功能html2canvas.js 实现页面截图html2 canvas svg不能识别的解决方案
- HTML5去掉输入框type为number时的上下箭头的实现方法html5实现输入框字数限制提示抖动效果HTML5为输入框添加语音输入功能的实现方法HTML输入框优化以此来提高用户体验和易用度HTML在透明输入框里添加图标的实现代码
- 使用canvas实现黑客帝国数字雨效果html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
