android h5 指定浏览器_h5外部浏览器直接调起app

最新推荐文章于 2024-05-30 18:13:13 发布

weixin_39702479

最新推荐文章于 2024-05-30 18:13:13 发布

阅读量947

点赞数

文章标签： android h5 指定浏览器

本文链接：https://blog.csdn.net/weixin_39702479/article/details/111739196

版权

本文介绍了如何在H5中指定调起Android和iOS的特定浏览器。在Android端，通过scheme实现应用启动；在H5端提供了一个完整示例，通过iframe检查APP是否存在并进行相应操作。在iOS端，通过URL协议实现从Safari等浏览器跳转到应用，并给出了在Info.plist的配置、视图控制器中的处理方法以及AppDelegate.m的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 安卓端：

其中，scheme必须是小写的，同时要求H5必须是“启动应用程序 ”

2. h5端完整示例：

1 　　打开APP

3 functiontestApp(url) {4 vartimeout, t= 1000, hasApp= true;5 setTimeout(function() {6 if(!hasApp) {7 //未安装app

8 if(browser.versions.ios){9 window.location.href= '${url_ios}';//ios下载地址

10 }else{11 window.location.href= '${url_android}';//安卓下载地址

12 }13 }14 document.body.removeChild(ifr);15 },2000)16

17 vart1=Date.now();18 varifr=document.createElement("iframe");19 ifr.setAttribute('src', url);20 ifr.setAttribute('style','display:none');21 document.body.appendChild(ifr);22 timeout=setTimeout(function() {23 vart2=Date.now();24 if(!t1||t2-t1

30 varbrowser={31 versions:function(){32 varu=navigator.userAgent, app=navigator.appVersion;33 return{34 trident: u.indexOf('Trident')> -1,//IE内核

35 presto: u.indexOf('Presto')> -1,//opera内核

36 webKit: u.indexOf('AppleWebKit')> -1,//苹果、谷歌内核

37 gecko: u.indexOf('Gecko')> -1 &&u.indexOf('KHTML')== -1,//火狐内核

38 mobile:!!u.match(/AppleWebKit.*Mobile.*/),//是否为移动终端

39 ios:!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),//ios终端

40 android: u.indexOf('Android')> -1 ||u.indexOf('Linux')> -1,//android终端或者uc浏览器

41 iPhone: u.indexOf('iPhone')> -1,//是否为iPhone或者QQHD浏览器

42 iPad: u.indexOf('iPad')> -1,//是否iPad

43 webApp: u.indexOf('Safari')== -1,//是否web应该程序，没有头部与底部

44 weixin: u.indexOf('MicroMessenger')> -1,//是否微信 (2015-01-22新增)

45 qq: u.match(/\sQQ/i)== "qq" //是否QQ

46 };47 }(),48 language:(navigator.browserLanguage||navigator.language).toLowerCase()49 }50

3. ios端——通过URL协议实现从Safari等浏览器中跳转打开你的app

第一步：在info.plist中加入这些内容

其中URL identifier 可以随便取，URL Schemes 就是实现跳转URL协议的名称(可以多个)

第二步：在视图控制器中加入这样的代码用于显示跳转过来的地址：

+(void)alert:(NSString*)information{

UIAlertView *alert=[[UIAlertView alloc]initWithTitle:@"提示" message:[NSString stringWithFormat:@"程序通过URL协议打开，该URL为：“%@”",information] delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil];

[alert show];

[alert release];

}

第三步：在AppDelegate.m中加入这些代码

-(BOOL)application:(UIApplication *)application handleOpenURL:(NSURL *)url{if(!url){returnNO;

}

NSString*urlString=[url absoluteString];

[ViewController alert:urlString];returnYES;

}

测试方法：在浏览器中输入“appABC://”之后就会打开这个程序，打开后程序中会显示跳转过来的链接地址。