`
zhelong111
  • 浏览: 188593 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS判断手机端是否安装了某个客户端APP应用

 
阅读更多
最近在做项目的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,就是跳转到你想跳转的页面。

其他资源:
http://blog.csdn.net/jerryvon/article/details/7489573
分享到:
评论

相关推荐

    橙色APP手机客户端网页模板

    橙色APP手机客户端网页模板是针对移动应用开发者和设计者的一款资源,主要用于创建吸引人的、具有专业感的APP展示网站。这款模板以其醒目的橙色主题为特色,旨在提升用户体验,帮助开发者有效地向潜在用户展示他们的...

    ios移动社交app的客户端+webservice服务器端源码

    本资源提供的"ios移动社交app的客户端+webservice服务器端源码"正是一个完整的解决方案,涵盖了用户交互、数据交换以及服务端处理的核心部分。下面我们将深入探讨其中涉及的关键知识点。 1. **iOS客户端开发**: ...

    APP下载页面HTML模板

    【APP下载页面HTML模板】是一种用于构建移动应用下载页面的网页设计模板,它为开发者或网站设计师提供了一个快速创建吸引用户下载APP的平台。这样的模板通常包含精心设计的布局、色彩搭配、字体样式以及交互元素,以...

    手机客户端开发企业模板是一款蓝色风格的app应用开发公司网站模板 .rar

    这款"手机客户端开发企业模板"专为app应用开发公司设计,其蓝色调的界面风格为用户提供了专业且现代的视觉体验。该模板可能包含了一系列网页元素,如首页、关于我们、服务介绍、案例展示、新闻动态和联系我们等,...

    基于node-js+vue+uni-app房屋租赁管理平台源代码+数据库+文档,服务端node-js,后台管理vue,手机端uni-app

    完全基于JavaScrict的应用程序,包含:基于node-js的服务端、基于vue的后台管理系统、基于uni-app的租客端和房东端。 客户端基于uni-app可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/...

    基于HBuilder快速开发移动端APP的设计与实现.pdf

    本文拟设计一款基于HBuilder开发的手机端《中高职学生请假系统APP》,支持iOS、Android跨系统平台,实时消息推送,操作简单,功能完善。系统框架结构如图1所示。 4. 系统实现思路与关键技术研究 系统实现分为...

    javascript高仿APP Store

    接着,JavaScript作为客户端脚本语言,是实现交互性的重要工具。在“高仿APP Store”中,JavaScript将被用于处理用户交互,如点击事件、滚动加载更多应用、图标动画等。可能会用到`addEventListener`来绑定事件,`...

    客户端与服务器端通讯

    在这个过程中,客户端通常指的是用户设备上的应用,如浏览器、手机APP或者桌面软件,而服务器端则是运行在远程计算机上的程序,负责处理客户端的请求并返回数据。本文将深入探讨客户端与服务器端通讯的原理、常用...

    大学生 毕业设计 项目实训 基于ionic开发的一款手机应用APP-流水账app(前后端全套源代码).zip

    这个压缩包文件包含了一个大学生毕业设计的完整项目实训,它是一个基于Ionic框架开发的手机应用APP,名为“流水账app”。这个应用旨在帮助用户记录日常生活中的收支情况,提供便捷的财务管理功能。下面是关于这个...

    uni-app中H5、PC端websocket使用

    在H5环境下,可能需要考虑浏览器兼容性,而PC端可能需要关注Electron或 NW.js等框架对WebSocket的支持。 8. **错误处理**: 在WebSocket的使用过程中,可能会遇到网络中断、服务器异常等问题,需要做好错误处理和...

    android客户端与后台服务器交互

    在IT行业中,客户端-服务器交互是应用程序开发的核心部分,特别是在移动应用开发中,例如Android客户端。本示例探讨了如何实现Android客户端与基于Struts、Hibernate和Spring的后台服务器之间的数据交互,使用JSON...

    基于Android Studio开发视频分享APP源码视频应用APP源码,界面仿bilibili,有后端

    后端可能使用Java、Kotlin或其他服务器端语言(如Node.js、Python)开发,提供了API接口供Android客户端调用。这部分可能涉及到RESTful API设计、数据库设计、服务器部署及负载均衡等内容。 在压缩包...

    手机APP网站HTML蓝色模板

    【标题】"手机APP网站HTML蓝色模板"是一个专为手机应用设计的HTML网站模板,它采用了蓝色为主色调,旨在提供一种清新、专业的视觉体验。在移动互联网时代,手机APP网站的构建至关重要,此模板能够帮助开发者快速搭建...

    手机端APP式在线产品销售(类似微店)系统

    【标题】:“手机端APP式在线产品销售(类似微店)系统” 该系统是一个基于互联网技术,特别是移动端应用开发的在线销售平台,旨在提供类似微店的购物体验。用户可以通过智能手机或平板电脑轻松浏览商品、下单购买...

    《Python网络爬虫技术案例教程》PPT课件(共10单元)七单元爬取APP和PC客户端数据.pptx

    本章导读 7 第 章 随着Web端的反爬虫方式越来越多,JavaScript调用越来越复杂,爬虫程序爬取Web端越来越困难,于是,它的目标逐渐转向了App和PC客户端。爬虫程序模拟App和PC客户端的请求方式,就可以比较容易地爬取...

    Uniapp+SpringBoot即时通讯聊天安卓APP源码.zip

    源码中的“74894Uniapp SpringBoot即时通讯聊天安卓APP源码”文件应该包含了用于安卓端的前端部分,这部分主要由Vue.js组件构成,包括登录、注册、聊天室、消息推送等功能的实现。 接下来,我们来看后端部分,这里...

    HTML+CSS+JS的仿天猫商城APP源码

    【HTML+CSS+JS的仿天猫商城APP源码】是一个基于Web技术实现的移动应用模拟项目,它利用了HTML5、CSS3以及JavaScript的核心特性,旨在重现天猫商城APP的界面和部分功能。这个项目对于学习Web前端开发,尤其是对移动...

    Node.js-动态生成二维码推送客户端的DEMO

    Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端使用JavaScript进行编程。在这个DEMO中,我们关注的是如何利用Node.js动态生成二维码并将其推送给客户端。动态生成二维码是一项常见的...

    App端user-agent请求头大全,几千个ua

    ### App端User-Agent请求头详解 #### 一、User-Agent简介 User-Agent(简称UA)是HTTP请求头的一部分,用于向服务器发送客户端浏览器的信息。它包括操作系统类型、浏览器名称及版本、设备型号等数据。在Web开发、...

    Android聊天客户端与服务器代码

    在本项目中,“Android聊天客户端与服务器代码”是关于创建一个类似QQ的移动聊天应用程序的实践教程。这个项目包括了客户端和服务器端的完整源代码,让我们深入探讨这些关键概念和实现细节。 首先,Android是Google...

Global site tag (gtag.js) - Google Analytics