本文实例讲解了js判断移动端是否安装某款app的多种方法,分享给大家供大家参考,具体内容如下

第一种方法:

一:判断是那种设备

  1. var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
  2. var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

二:安卓设备:原理:判断是否认识这个协议,认识则直接跳转,不认识就在这里下载app

  1. android();
  2. if(isAndroid){
  3. function android(){
  4. window.location.href = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有安卓同事提供***/
  5. window.setTimeout(function(){
  6. window.location.href = "http://www.wjtr.com/download/index.html"; /***打开app的协议,有安卓同事提供***/
  7. },2000);
  8. };

二:iOS设备:原理:判断是否认识这个协议,认识则直接跳转,不认识就在这里下载appios();

  1. if(isiOS){
  2. function ios(){
  3. var ifr = document.createElement("iframe");
  4. ifr.src = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有ios同事提供***/
  5. ifr.style.display = "none";
  6. document.body.appendChild(ifr);
  7. window.setTimeout(function(){
  8. document.body.removeChild(ifr);
  9. window.location.href = "http://www.wjtr.com/download/index.html"; /***下载app的地址***/
  10. },2000)
  11. };
  12. }

第二种方法:

虽然在Js中可以启动某个app,但是并不能判断该app是否安装;
启动app需要的时间较长,js中断时间长,如果没安装,js瞬间就执行完毕。直接上代码吧!
html代码:

  1. <href="javascript:testApp('tel:1868888888')">打电话</a>

js代码:

  1. function testApp(url) {
  2. var timeout, t = 1000, hasApp = true;
  3. setTimeout(function () {
  4. if (hasApp) {
  5. alert('安装了app');
  6. else {
  7. alert('未安装app');
  8. }
  9. document.body.removeChild(ifr);
  10. }, 2000)
  11. var t1 = Date.now();
  12. var ifr = document.createElement("iframe");
  13. ifr.setAttribute('src', url);
  14. ifr.setAttribute('style', 'display:none');
  15. document.body.appendChild(ifr);
  16. timeout = setTimeout(function () {
  17. var t2 = Date.now();
  18. if (!t1 || t2 - t1 < t + 100) {
  19. hasApp = false;
  20. }
  21. }, t);
  22. }

第三种方法:

最近在做项目的wap版,有个需求就是,先判断手机上是否有我们的APP应用,如果有的话打开应用,没有才跳转到wap页面。 
wap简单来说就是运行在移动端浏览器上的网站。不管应用在什么地方,总之就是浏览器呗,可以通过JS来判断本地是否有某应用,实现方式实际就是将http协议转为本地软件协议。 
还是直接贴代码吧。
 如下:

  1. <script language="javascript">
  2. if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
  3. var loadDateTime = new Date();
  4. window.setTimeout(function() {
  5. var timeOutDateTime = new Date();
  6. if (timeOutDateTime - loadDateTime < 5000) {
  7. window.location = "要跳转的页面URL";
  8. else {
  9. window.close();
  10. }
  11. },
  12. 25);
  13. window.location = " apps custom url schemes ";
  14. else if (navigator.userAgent.match(/android/i)) {
  15. var state = null;
  16. try {
  17. state = window.open("apps custom url schemes ", '_blank');
  18. catch(e) {}
  19. if (state) {
  20. window.close();
  21. else {
  22. window.location = "要跳转的页面URL";
  23. }
  24. }
  25. </script>

apps custom url schemes 是什么呢?
其实就是你与APP约定的一个协议URL,你的ios同事或Android同事在写程序的时候会设置一个URL Scheme,
例如设置:
URL Scheme :app
然后其他的程序就可以通过URLString = app://  调用该应用。
还可以传参数,如:
app://reaction/?uid=1
原理:500ms内,本机有应用程序能解析这个协议并打开程序,调用该应用;如果本机没有应用程序能解析该协议或者500ms内没有打开这个程序,则执行setTimeout里面的function,就是跳转到你想跳转的页面。

以上就是js判断移动端是否安装某款app的多种方法,希望对大家的学习有所帮助。

转载于:https://www.cnblogs.com/dhcn/p/7124686.html

js判断移动端是否安装某款app的多种方法相关推荐

  1. js判断移动端是否安装某款app的方法

    以下js代码是判断移动端是否安装某款app的方法,分享给大家供大家参考,具体内容如下: if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { ...

  2. iOS js判断移动端是否安装某款app的方法

    一.判断是那种设备 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 二. ios设备:原理:判断是否认识这个协议,认识则 ...

  3. js 判断移动端还是pc端,ios或者android

    js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...

  4. js判断手机上是否安装某APP

    前两天,产品给我又给我提了一个需求,就是给我看了一下人家的功能,说我们也想要这个功能,于是,我就开始实现这个功能了..... js判断手机上是否安装某APP,如果有的话直接打开App,否则打开App ...

  5. js判断PC端或是移动端、判断是不是微信浏览器、js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

    ** js判断PC端或是移动端 ** 第一种 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator ...

  6. js判断pc端还是移动端

    js判断pc端还是移动端 通过navigator.UserAgent可以取得浏览器类别.版本,客户端操作系统等信息 以下是具体代码 <div id="box" class=& ...

  7. js判断移动端是否存在app

    js判断移动端是否存在app 说明 代码示例 说明 根据手机内有无app来打开或者是去下载app,这件事情如果是在浏览器里面打开那么没有问题,但是像微信或者钉钉这种第三方软件不支持跳转app. 代码示 ...

  8. html5 判断是否安装app,js判断手机上是否安装app

    通过js进行判断,判断手机上是否安装某一app,因为js并不能操作手机原生的API,所以它判断的方法只是通过动态生成iframe,用它打开app,看能不能打开,通过这个时间进行判断,下面有两段代码: ...

  9. python判断字母数字_Python判断字符串是否为字母或者数字(浮点数)的多种方法

    str为字符串s为字符串 str.isalnum() 所有字符都是数字或者字母 str.isalpha() 所有字符都是字母 str.isdigit() 所有字符都是数字 str.isspace() ...

最新文章

  1. Collections 类
  2. Android系统源码学习——ramdisk.img、system.img、userdata.img三个文件介绍
  3. 国内第1本jBPM专著即将隆重上市!
  4. mysql导入数据权限_mysql5.7导入数据的权限问题
  5. numpy ndarray.tostring()(在数组中构造包含原始数据字节的Python字节)(tobytes()函数的兼容性别名)
  6. Fortran 入门——函数调用
  7. 扩展欧几里得求逆元(模数可以不为质数)
  8. poj 1664 放苹果【M的N划分】
  9. 第七堂:NavigationController以及TabBarController
  10. JQUERY方法给TABLE动态增加行
  11. Web Service 移除 xmlns
  12. Spring MVC处理用户请求的完整流程
  13. 1400 序列分解(dfs)
  14. CMOS数字集成电路
  15. 2021新年喜庆音乐中国风背景音乐素材共39首第二辑合集下载
  16. 红外光电测速传感器电路设计
  17. 学校计算机桌子尺寸,电脑书桌尺寸多少合适?看完解决所有困惑!
  18. easyUI打开tab页面
  19. 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
  20. html留言板原理,js实现留言板

热门文章

  1. 联想小新3.0蓝牙鼠标连接win10系统
  2. linux的每次IO大小控制,Linux优化之IO子系统监控与调优
  3. 基于SSM的高校暑期社会实践微信小程序的设计与实现
  4. 三十而立之年献给自己的礼物——17年IT坎坷路之忆当年 下篇
  5. 汤家凤高等数学强化阶段笔记并标记重点
  6. 汇编中OF,PF,AF,ZF,SF,CF各自的意义
  7. Fast Detection of Curved Edges at Low SNR
  8. 揭秘4G拨号背后的“秘密”
  9. Linux中单引号双引号的区别与用法
  10. mysql主从复制测试,【拥抱开源2】MYSQL主从复制以及切换测试