js判断移动端是否安装某款app的多种方法
本文实例讲解了js判断移动端是否安装某款app的多种方法,分享给大家供大家参考,具体内容如下
第一种方法:
一:判断是那种设备
- var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
- var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
二:安卓设备:原理:判断是否认识这个协议,认识则直接跳转,不认识就在这里下载app
- android();
- if(isAndroid){
- function android(){
- window.location.href = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有安卓同事提供***/
- window.setTimeout(function(){
- window.location.href = "http://www.wjtr.com/download/index.html"; /***打开app的协议,有安卓同事提供***/
- },2000);
- };
二:iOS设备:原理:判断是否认识这个协议,认识则直接跳转,不认识就在这里下载appios();
- if(isiOS){
- function ios(){
- var ifr = document.createElement("iframe");
- ifr.src = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有ios同事提供***/
- ifr.style.display = "none";
- document.body.appendChild(ifr);
- window.setTimeout(function(){
- document.body.removeChild(ifr);
- window.location.href = "http://www.wjtr.com/download/index.html"; /***下载app的地址***/
- },2000)
- };
- }
第二种方法:
虽然在Js中可以启动某个app,但是并不能判断该app是否安装;
启动app需要的时间较长,js中断时间长,如果没安装,js瞬间就执行完毕。直接上代码吧!
html代码:
- <a href="javascript:testApp('tel:1868888888')">打电话</a>
js代码:
- function testApp(url) {
- var timeout, t = 1000, hasApp = true;
- setTimeout(function () {
- if (hasApp) {
- alert('安装了app');
- } else {
- alert('未安装app');
- }
- document.body.removeChild(ifr);
- }, 2000)
- var t1 = Date.now();
- var ifr = document.createElement("iframe");
- ifr.setAttribute('src', url);
- ifr.setAttribute('style', 'display:none');
- document.body.appendChild(ifr);
- timeout = setTimeout(function () {
- var t2 = Date.now();
- if (!t1 || t2 - t1 < t + 100) {
- hasApp = false;
- }
- }, t);
- }
第三种方法:
最近在做项目的wap版,有个需求就是,先判断手机上是否有我们的APP应用,如果有的话打开应用,没有才跳转到wap页面。
wap简单来说就是运行在移动端浏览器上的网站。不管应用在什么地方,总之就是浏览器呗,可以通过JS来判断本地是否有某应用,实现方式实际就是将http协议转为本地软件协议。
还是直接贴代码吧。
如下:
- <script language="javascript">
- if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
- var loadDateTime = new Date();
- window.setTimeout(function() {
- var timeOutDateTime = new Date();
- if (timeOutDateTime - loadDateTime < 5000) {
- window.location = "要跳转的页面URL";
- } else {
- window.close();
- }
- },
- 25);
- window.location = " apps custom url schemes ";
- } else if (navigator.userAgent.match(/android/i)) {
- var state = null;
- try {
- state = window.open("apps custom url schemes ", '_blank');
- } catch(e) {}
- if (state) {
- window.close();
- } else {
- window.location = "要跳转的页面URL";
- }
- }
- </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的多种方法相关推荐
- js判断移动端是否安装某款app的方法
以下js代码是判断移动端是否安装某款app的方法,分享给大家供大家参考,具体内容如下: if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { ...
- iOS js判断移动端是否安装某款app的方法
一.判断是那种设备 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 二. ios设备:原理:判断是否认识这个协议,认识则 ...
- js 判断移动端还是pc端,ios或者android
js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...
- js判断手机上是否安装某APP
前两天,产品给我又给我提了一个需求,就是给我看了一下人家的功能,说我们也想要这个功能,于是,我就开始实现这个功能了..... js判断手机上是否安装某APP,如果有的话直接打开App,否则打开App ...
- js判断PC端或是移动端、判断是不是微信浏览器、js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
** js判断PC端或是移动端 ** 第一种 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator ...
- js判断pc端还是移动端
js判断pc端还是移动端 通过navigator.UserAgent可以取得浏览器类别.版本,客户端操作系统等信息 以下是具体代码 <div id="box" class=& ...
- js判断移动端是否存在app
js判断移动端是否存在app 说明 代码示例 说明 根据手机内有无app来打开或者是去下载app,这件事情如果是在浏览器里面打开那么没有问题,但是像微信或者钉钉这种第三方软件不支持跳转app. 代码示 ...
- html5 判断是否安装app,js判断手机上是否安装app
通过js进行判断,判断手机上是否安装某一app,因为js并不能操作手机原生的API,所以它判断的方法只是通过动态生成iframe,用它打开app,看能不能打开,通过这个时间进行判断,下面有两段代码: ...
- python判断字母数字_Python判断字符串是否为字母或者数字(浮点数)的多种方法
str为字符串s为字符串 str.isalnum() 所有字符都是数字或者字母 str.isalpha() 所有字符都是字母 str.isdigit() 所有字符都是数字 str.isspace() ...
最新文章
- Collections 类
- Android系统源码学习——ramdisk.img、system.img、userdata.img三个文件介绍
- 国内第1本jBPM专著即将隆重上市!
- mysql导入数据权限_mysql5.7导入数据的权限问题
- numpy ndarray.tostring()(在数组中构造包含原始数据字节的Python字节)(tobytes()函数的兼容性别名)
- Fortran 入门——函数调用
- 扩展欧几里得求逆元(模数可以不为质数)
- poj 1664 放苹果【M的N划分】
- 第七堂:NavigationController以及TabBarController
- JQUERY方法给TABLE动态增加行
- Web Service 移除 xmlns
- Spring MVC处理用户请求的完整流程
- 1400 序列分解(dfs)
- CMOS数字集成电路
- 2021新年喜庆音乐中国风背景音乐素材共39首第二辑合集下载
- 红外光电测速传感器电路设计
- 学校计算机桌子尺寸,电脑书桌尺寸多少合适?看完解决所有困惑!
- easyUI打开tab页面
- 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
- html留言板原理,js实现留言板
热门文章
- 联想小新3.0蓝牙鼠标连接win10系统
- linux的每次IO大小控制,Linux优化之IO子系统监控与调优
- 基于SSM的高校暑期社会实践微信小程序的设计与实现
- 三十而立之年献给自己的礼物——17年IT坎坷路之忆当年 下篇
- 汤家凤高等数学强化阶段笔记并标记重点
- 汇编中OF,PF,AF,ZF,SF,CF各自的意义
- Fast Detection of Curved Edges at Low SNR
- 揭秘4G拨号背后的“秘密”
- Linux中单引号双引号的区别与用法
- mysql主从复制测试,【拥抱开源2】MYSQL主从复制以及切换测试