`
zhelong111
  • 浏览: 182694 次
  • 性别: 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
分享到:
评论

相关推荐

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

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

    MUI框架编写学生体温上报APP系统,php实现数据接收端

    其中ip地址你本机局域网的ip,必须和手机app客户端是同一个局域网才可以 登录账号:白忠才 123456 注意事项(可选) 1.在服务器端源码下面的dao文件夹中的DataBaseDao.php可以修改数据库相关信息 2.php环境请安装...

    JavaScript实现的Git项目JS-Git.zip

    JS-Git是一款使用纯JavaScript实现Git客户端和服务器端的开源项目。其主要采用模块化设计,可以运行在任何可以运行JavaScript的平台上。 为什么要使用JavaScript重新实现Git? JavaScript要比其它任何语言都意义...

    HTML5实现手机客户端轮播图欢迎页面

    一个简单的HTML5页面,使用fullPage.js插件做的轮播图页面,可以直接放在Android项目中的 assets 文件夹下作为app欢迎页面来使用,结构简单,替换图片就可以放入你的项目中 另外,没有积分的同学 到...

    利用JS调用手机摄像头的

    一个小功能源码,利用JS调用手机摄像头,当访问网址后就能拍摄照片,前提是客户端给了权限。 1、由于系统安全机制,ios系统必须使用自带的Safari浏览器(或者第三方APP调用的是Safari内核)才行 2、安卓端只要该APP...

    nicelinks-quick-app:with使用quickapp(快应用)构建的很棒的NICE LINKS(倾城之链)客户端

    具备传统APP完整的应用体验,无需安装、即点即用;覆盖 10 亿设备,与操作系统深度集成,探索新型应用场景。快应用──复杂生活的简单答案,让生活更顺畅。 此仓库的建立,也是应趋势趋势,为个人作品 ,所建的快应用...

    node.js 和HTML5开发本地桌面应用程序

    在手机端,有一个非常棒的工具叫做PhoneGap,使用这个快速开发平台,任何人都可以使用HTML5+CSS3+JavaScript开发出安卓,iOS等应用。PhoneGap的最好的一个特点是,你并不需要联网,不需要连接web服务器,你可以从把...

    基于andriod studio的时间管理app开发与设计 附2023年全新Andriod项目大全

    在任务执行的过程中不可以使用其他手机娱乐app,如若使用,将直接开启应用锁功能,强制退出,返回到倒计时界面。 一:主功能: 学习任务记录和提醒功能:用户将自己每周的大概计划和每天的详细计划分别写到对应的...

    ShopWind开源多商户电商系统V3.4.3,uni-app商城案例,PC+APP+H5 +小程序

    v3.x 商业版包含 PC、手机 H5、微商城、APP 客户端(Andorid+iOS)、微信小程序、今日头条小程序等多端,其中 PC 端为开源免费项目,移动端为增值项目。ShopWind 提供专业、快速、安全的底层软件设计和免费的更新...

    单页面和多页面开发及应用

    -Meteor.js是一个专门为单页应用设计的全栈(客户端-服务器)JavaScript框架。它具有比Angular、Ember或ReactJS更简单的数据绑定特性且使用--Distributed Data Protocol和一个发布/订阅来自动将数据更改传播到客户端...

    创建基于Appium+Cucumber的手机端自动化测试

    现在自动化手机应用用的最多的工具的就是Appium,Appium作为流行的移动设备自动化工具,可以对Android和iOS应用进行自动化测试。Appium作为自动化测试的服务器,需要客户端脚本使用自动化框架和自动化库来驱动,...

    在线教育移动产品设计项目概要介绍

    采用UML建模工具及Power Designer完成了数据库的设计,使用SQL Server 作为物理存储区。...网站后台网站使用C#语言和SQL-Transact结构化查询语言编写系统代码,手机端则使用Java语言。利用对称密钥对用户密码进行加密。

    Tutorial-AngularJS-HTML5:手机APP的简单AngularJS教程

    AngularJS 是一个客户端 javascript 框架。 AngularJS 通常由擅长 javascript 的程序员使用。 关于 AngularJS 的教程很多,所以在本教程中,我将尝试介绍一个简单而基本的 AngularJS。 假设我们要学习 AngularJS 来...

    app-template:Web 应用开发的模板,后端 SpringBoot,前端 vue(Web app development template. Backend is SpringBoot. Frontend is vue)

    介绍app-template 是基于 Spring Boot 和 Vue 的快速开发模板演示项目采用前后端分离模式,对前后端开发中常用的技术模块进行了整合,并对一些常用功能进行了实现,主要是为了方便 Web 程序的的开发.整个项目有三端...

    AutoBarleyTicketBooking:大麦网自动抢票程序

    大麦网抢票程序设计与应用首先感谢往上oliwang的油猴脚本( )和B站一些用户的手动抢票实录视频,基本上可以写出高可用、高性能的大麦网抢票程序了。以下附上详细的程序分析、设计与实现。前端分析测试地址1:JSON....

    网软志成人才招聘管理系统支持APP手机客户

    网软志成人才招聘管理系统支持APP手机客户端、Wap手机版、短信等系统概要: 1、 新增安卓Android手机APP客户端程序,支持目前市面上流行的Android 2.1及以上版本;客户端程序主要面向个人求职者使用,目前具备以下...

    流星接口

    您保存的对CSS和JS的更改会立即反映出来,而无需刷新页面。 即使在基础代码中更新某些内容,也可以保留应用程序状态! 可预测的状态管理 单向数据流允许更改日志记录和时间旅行调试。 下一代JavaScript 使用模板...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Webkit 一个开源的浏览器引擎,在手机上的应用十分广泛 Webview WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页 Activity Activity是一个应用程序组件,提供一个...

    Exponent-2.15.4.apk

    可以使用该客户端直接从手机端预览 app。 仅使用Android设备和计算机开始构建丰富的体验。 Expo是一个开发人员工具,用于使用JavaScript和React Native创建具有交互手势和图形的体验。

    panel-app:Angular 5测试项目

    Angular 5测试项目包括Chart.js中的图表和客户端宽度定位。 开发服务器为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件,该应用程序将自动重新加载。建造运行ng build来构建项目...

Global site tag (gtag.js) - Google Analytics