`

在浏览器判断是否安装app,并打开相应的页面

 
阅读更多

       前段时间一直在搞app的下载页面和详情页,当时有个想法是 先判断用户是否安装了app,如果安装了,详情页直接在app内打开,如果未安装则打开微信内的H5页面,并在详情页加入下载链接。可惜当时微信内部不支持app跳转。找了半天资料终究是没有写到项目里。今天回头看的时候发现已经忘的差不多了。当初的资料却怎么也找不到。果然资料还得靠自己整理。

以下是在网上搬过来的。暂时存放,以后可能用得着。

代码功能: 判断手机/平板是否安装app 如果安装 则调用app的scheme,传入url当作参数,来做后续操作 如果没有安装 则跳转到app store/google play 下载app

(function () {
    var openUrl = window.location.search;
    try {
        openUrl = openUrl.substring(1, openUrl.length);
    } catch (e) {}
    var isiOS = navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone') || navigator.userAgent.match('iPod'),
        isAndroid = navigator.userAgent.match('Android'), isDesktop = !isiOS && !isAndroid;
    if (isiOS) {
        setTimeout(function () {
            window.location = "itms-apps://itunes.apple.com/app/[name]/[id]?mt=8";
        }, 25);
        window.location = "[scheme]://[host]?url=" + openUrl;
    } else if (isAndroid) {
        window.location = "intent://[host]/" + "url=" + openUrl + "#Intent;scheme=[scheme];package=[package_name];end";
    } else {
        window.location.href = openUrl;
    }
})();

 

分享到:
评论

相关推荐

    JS实现点击网页判断是否安装app并打开否则跳转app store

    常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤: 1、...

    JS判断是否在微信浏览器打开

    下面是一段用于判断当前页面是否在微信浏览器中打开的示例代码: ```javascript if (browser.versions.mobile) { // 判断是否是移动设备打开。 var ua = navigator.userAgent.toLowerCase(); // 获取判断用的对象 ...

    手机APP下载页面判断是否微信

    标题所提及的"手机APP下载页面判断是否微信",主要涉及到的技术点是检测用户访问页面的环境,特别是当用户在微信内置浏览器中打开APK下载链接时,如何确保用户能够顺利下载。微信为了安全和用户体验,限制了直接在...

    微信打开外部链接下载APP引导

    但是,可以使用Smart App Banners,这是一种Web页面上的元标签,如`<meta name="apple-itunes-app" content="app-id=myAppId">`,当用户在Safari中访问网页时,若未安装对应APP,会在顶部显示一个下载提示。...

    用于deeplink的js方法(判断手机是否安装app)

    5. 跳转到应用商店(App Store或Google Play):如果应用程序未安装在用户的设备上,则该js方法会自动将用户重定向到相应的应用商店页面。这样用户可以直接在浏览器中完成应用的下载安装流程。 6. JavaScript中的...

    微信实现自动跳转到用其他浏览器打开指定APP下载

    通过检测字符串中是否含有“MicroMessenger”这一字段,可以判断用户是否在微信环境下打开页面。 如果检测到用户是在微信内打开页面,可以通过特定的HTML代码来创建一个弹窗,提示用户点击按钮跳转到其他浏览器中。...

    VUE使用 wx-open-launch-app 组件开发微信打开APP功能

    本文将详细介绍如何在使用Vue框架开发的微信H5页面中集成wx-open-launch-app组件,实现用户点击后通过微信浏览器打开相应的App的功能。这项技术能够让用户在不离开微信环境的情况下,直接打开手机上的App,大大增加...

    js判断手机浏览器操作系统和微信浏览器的方法

    在进行手机端前端开发时,经常需要对用户的操作系统进行判断,以便展示相应平台特定的内容。例如,在提供应用下载的场景中,需要根据用户设备的系统平台,区分显示Android或iOS平台的下载提示。这通常是通过...

    详解如何通过H5(浏览器/WebView/其他)唤起本地app

    如果用户设备上安装了相应的应用,该应用就会被启动,否则,如果无对应应用,链接通常会打开一个错误页面或者提示用户下载对应应用。 【Android配置】 在Android平台上,开发者需要在AndroidManifest.xml文件中为...

    微信、QQ、微博、Safari中使用js唤起App

    在实际开发中,需要注意不同平台的兼容性和用户行为差异,比如通过监测`document.hidden`属性来判断App是否已成功唤起,以及在不同情况下的错误处理和用户体验优化。 总之,通过理解各平台的特性并采取相应的唤起...

    微信提示 在浏览器打开 效果实现过程解析

    这样,当用户在微信中打开页面时,他们将看到一个提示,鼓励他们在外部浏览器中打开页面。 总结来说,实现“微信提示在浏览器打开”的效果主要包括以下步骤: 1. 创建基本HTML页面结构。 2. 添加蒙版元素和样式,...

    uni-app中H5、PC端websocket使用

    在uni-app框架中,我们不仅可以使用WebSocket在移动H5环境中,还可以扩展到桌面PC端,实现高效且实时的数据交互。 在uni-app中,WebSocket的使用主要包括以下几个关键步骤: 1. **初始化WebSocket连接**: 在uni-...

    Android和IOS的浏览器中检测是否安装某个客户端的方法

    在移动互联网领域,Android和iOS系统的浏览器中检测用户是否已经安装特定客户端的应用程序是一个关键功能,这有助于提高用户体验,引导用户直接使用或下载相应的客户端应用。本文将详细讲解这两种操作系统中实现这一...

    js判断浏览器类型及设备(移动页面开发)

    在提供的代码示例中,通过定义了一个`var os`函数,该函数执行时会进行一系列的正则匹配检查,并返回一个包含各种浏览器和设备类型判断结果的对象。这个对象中,每个属性(如`isQB`、`isTablet`、`isPhone`等)都是...

    H5唤起手机本地app

    1. **Universal Links**(通用链接):苹果iOS系统的一种特性,允许开发者配置网站与他们的应用程序之间的关联,使得当用户点击一个相关的网址时,可以直接在app内打开,而非浏览器。 2. **Deep Links**(深度链接...

    iOS中使用schema协议调用APP和使用iframe打开APP的例子

    通过在HTML中设置链接 `打开我的app</a>`,用户点击时,如果设备上安装了相应应用,该应用将被调用并打开。 然而,在实际应用中,我们通常需要更复杂的交互,比如点击按钮触发应用打开。这时,我们可以利用...

    Html5内唤醒百度、高德APP的实现示例

    当前实现的一个问题是,无论APP是否成功启动,都会在800毫秒后跳转到H5链接。一种改进方案是使用JavaScript的`navigator`对象的`canLaunch`方法(如果可用的话)来检查能否成功启动应用,或者监听APP的启动事件,以...

    扫码下载app代码说明(java,web)

    如果是iOS,由于App Store的规定,它会跳转到Safari浏览器并打开对应的应用商店页面。 4. **Android下载**:对于Android用户,浏览器或内置下载管理器会开始下载APK文件,用户确认后完成安装。 5. **iOS跳转**:...

    html5唤起原生ios和安卓android app的方法

    在 iOS 上,使用 `location.href` 跳转时,Safari 浏览器会拦截该链接并询问用户是否打开对应的原生应用。因此,如果用户选择取消,则无法跳转至应用。 2. **使用 `iframe`:** ```javascript var iframe = ...

    HTML5中外部浏览器唤起微信分享

    `mshare.js`脚本中的核心逻辑是检查用户所使用的浏览器类型,如UC浏览器(通过`UCBrowser/`字符串判断)和QQ浏览器(通过`MQQBrowser/`字符串判断),并进一步根据浏览器版本和操作系统来确定是否支持微信分享。...

Global site tag (gtag.js) - Google Analytics