h5判断用户是否安装某个app，来调起app活下载app

「爱情、让人受尽委屈。」 2023-07-13 13:54 110阅读 0赞

**h5在浏览器中无法判断出用户是否安装某个app，只是如果用户安装了这个APP调起app的时候，会使页面失去焦点**

**在微信里无法调起app，所以在微信里添加一个提示让用户在浏览器里打开。**

$(".goBuy").click(function () \{//判断微信打开给出提示弹窗，浏览器打开的话，已安装app打开app，没有安装跳转到下载地址

checkOutApp();

\})

function checkOutApp() \{

var isBlur = false;

// 通过URL scheme来调起APP

if(ua.match(/MicroMessenger/i)=="micromessenger") \{  //是否微信打开

$(".commonMask").show();

$(".openInBrower").show();//微信打开出浮层，微信暂不支持Scheme打开非企鹅应用

return false;

\}else\{

location.href = 'xinweifashion://';//app的 url scheme

setTimeout(function () \{

if (!isBlur) \{

location.href = 'https://android.myapp.com/myapp/detail.htm?apkName=tv.xinwei.xinweifashion';//app的下载地址

\}

\}, 1000);

\}

// window 每次失去焦點

window.onblur = function () \{

console.log('失去焦點');

isBlur = true;

\};

var hiddenProperty = 'hidden' in document ? 'hidden' :

'webkitHidden' in document ? 'webkitHidden' :

'mozHidden' in document ? 'mozHidden' :

null;

var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');

var onVisibilityChange = function () \{

if (document\[hiddenProperty\]) \{

console.log('失去焦點');

isBlur = true;

\}

\}

document.addEventListener(visibilityChangeEvent, onVisibilityChange);

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，110人围观）

还没有评论，来说两句吧...

相关阅读

相关 APP——自动化——python——判断某个app是否安装以及按装

一、app已经按装计算器： C:\Users\del>adb shell dumpsys window w |findstr \/ |findstr na

电玩女神/ 2023年10月03日 16:55/ 0 赞/ 105 阅读

相关 h5判断用户是否安装某个app，来调起app活下载app

h5在浏览器中无法判断出用户是否安装某个app，只是如果用户安装了这个APP调起app的时候，会使页面失去焦点在微信里无法调起app，所以在微信里添加一个提示让用户在浏览器

「爱情、让人受尽委屈。」/ 2023年07月13日 13:54/ 0 赞/ 111 阅读

相关 vue-app之h5下载文件并安装

业务逻辑：系统更新，如果线上有新的安装包了就需要下载新的安装包并且安装更新。实现逻辑：如果有新的安装包，则下载新的安装包，但在下载之前需要判断本地文件是否已经存

旧城等待，/ 2023年02月26日 04:23/ 0 赞/ 73 阅读

相关 uni-app平台判断 | uni app判断h5 小程序 app 等不同平台

// @/utils/Config.tsimport {EPlatform} from './EPlatform'; import {isH5, Platfor

灰太狼/ 2022年12月27日 01:57/ 0 赞/ 268 阅读

相关浏览器判断是否安装APP【转】

1 前言真是做到老学到老，在不断的学习中成长。最近接触到了Dynamic Links技术，头脑一热出现了一个平时经常遇到的情况（浏览器判断是

桃扇骨/ 2022年10月07日 13:59/ 0 赞/ 687 阅读

相关 app跳转至H5，H5向app传递参数调用app接口

1.需先在项目引入uni的 SDK  <script type="text/javascript" src="ht

Love The Way You Lie/ 2022年09月12日 01:57/ 0 赞/ 333 阅读

相关 UNI-APP_uniapp判断手机是否安装某个应用app

案例判断是否安装微信其他同理 if (plus.runtime.isApplicationExist({ pname: 'com.tencent.mm', act

谁践踏了优雅/ 2022年08月30日 14:58/ 0 赞/ 421 阅读

相关 H5唤醒APP

支付宝 [https://ds.alipay.com/?from=mobileweb][https_ds.alipay.com_from_mobileweb]

忘是亡心i/ 2022年08月22日 14:20/ 0 赞/ 326 阅读

相关 js判断本地是否安装app

var ua = navigator.userAgent.toLowerCase(); 1.判断是否是微信 function is

红太狼/ 2022年06月06日 00:07/ 0 赞/ 418 阅读

相关 H5唤醒APP

H5 唤醒APP功能最近遇到一个需求，需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转

冷不防/ 2022年02月26日 05:06/ 0 赞/ 363 阅读