最近在做项目的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展示网站。这款模板以其醒目的橙色主题为特色,旨在提升用户体验,帮助开发者有效地向潜在用户展示他们的...
本资源提供的"ios移动社交app的客户端+webservice服务器端源码"正是一个完整的解决方案,涵盖了用户交互、数据交换以及服务端处理的核心部分。下面我们将深入探讨其中涉及的关键知识点。 1. **iOS客户端开发**: ...
【APP下载页面HTML模板】是一种用于构建移动应用下载页面的网页设计模板,它为开发者或网站设计师提供了一个快速创建吸引用户下载APP的平台。这样的模板通常包含精心设计的布局、色彩搭配、字体样式以及交互元素,以...
这款"手机客户端开发企业模板"专为app应用开发公司设计,其蓝色调的界面风格为用户提供了专业且现代的视觉体验。该模板可能包含了一系列网页元素,如首页、关于我们、服务介绍、案例展示、新闻动态和联系我们等,...
完全基于JavaScrict的应用程序,包含:基于node-js的服务端、基于vue的后台管理系统、基于uni-app的租客端和房东端。 客户端基于uni-app可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/...
本文拟设计一款基于HBuilder开发的手机端《中高职学生请假系统APP》,支持iOS、Android跨系统平台,实时消息推送,操作简单,功能完善。系统框架结构如图1所示。 4. 系统实现思路与关键技术研究 系统实现分为...
接着,JavaScript作为客户端脚本语言,是实现交互性的重要工具。在“高仿APP Store”中,JavaScript将被用于处理用户交互,如点击事件、滚动加载更多应用、图标动画等。可能会用到`addEventListener`来绑定事件,`...
在这个过程中,客户端通常指的是用户设备上的应用,如浏览器、手机APP或者桌面软件,而服务器端则是运行在远程计算机上的程序,负责处理客户端的请求并返回数据。本文将深入探讨客户端与服务器端通讯的原理、常用...
这个压缩包文件包含了一个大学生毕业设计的完整项目实训,它是一个基于Ionic框架开发的手机应用APP,名为“流水账app”。这个应用旨在帮助用户记录日常生活中的收支情况,提供便捷的财务管理功能。下面是关于这个...
在H5环境下,可能需要考虑浏览器兼容性,而PC端可能需要关注Electron或 NW.js等框架对WebSocket的支持。 8. **错误处理**: 在WebSocket的使用过程中,可能会遇到网络中断、服务器异常等问题,需要做好错误处理和...
在IT行业中,客户端-服务器交互是应用程序开发的核心部分,特别是在移动应用开发中,例如Android客户端。本示例探讨了如何实现Android客户端与基于Struts、Hibernate和Spring的后台服务器之间的数据交互,使用JSON...
后端可能使用Java、Kotlin或其他服务器端语言(如Node.js、Python)开发,提供了API接口供Android客户端调用。这部分可能涉及到RESTful API设计、数据库设计、服务器部署及负载均衡等内容。 在压缩包...
【标题】"手机APP网站HTML蓝色模板"是一个专为手机应用设计的HTML网站模板,它采用了蓝色为主色调,旨在提供一种清新、专业的视觉体验。在移动互联网时代,手机APP网站的构建至关重要,此模板能够帮助开发者快速搭建...
【标题】:“手机端APP式在线产品销售(类似微店)系统” 该系统是一个基于互联网技术,特别是移动端应用开发的在线销售平台,旨在提供类似微店的购物体验。用户可以通过智能手机或平板电脑轻松浏览商品、下单购买...
本章导读 7 第 章 随着Web端的反爬虫方式越来越多,JavaScript调用越来越复杂,爬虫程序爬取Web端越来越困难,于是,它的目标逐渐转向了App和PC客户端。爬虫程序模拟App和PC客户端的请求方式,就可以比较容易地爬取...
源码中的“74894Uniapp SpringBoot即时通讯聊天安卓APP源码”文件应该包含了用于安卓端的前端部分,这部分主要由Vue.js组件构成,包括登录、注册、聊天室、消息推送等功能的实现。 接下来,我们来看后端部分,这里...
【HTML+CSS+JS的仿天猫商城APP源码】是一个基于Web技术实现的移动应用模拟项目,它利用了HTML5、CSS3以及JavaScript的核心特性,旨在重现天猫商城APP的界面和部分功能。这个项目对于学习Web前端开发,尤其是对移动...
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端使用JavaScript进行编程。在这个DEMO中,我们关注的是如何利用Node.js动态生成二维码并将其推送给客户端。动态生成二维码是一项常见的...
### App端User-Agent请求头详解 #### 一、User-Agent简介 User-Agent(简称UA)是HTTP请求头的一部分,用于向服务器发送客户端浏览器的信息。它包括操作系统类型、浏览器名称及版本、设备型号等数据。在Web开发、...
在本项目中,“Android聊天客户端与服务器代码”是关于创建一个类似QQ的移动聊天应用程序的实践教程。这个项目包括了客户端和服务器端的完整源代码,让我们深入探讨这些关键概念和实现细节。 首先,Android是Google...