转自:http://blog.csdn.net/shan1991fei/article/details/72885871
我们有个需求:
有一个WEB页面上面有用app打开的按钮,但是在APP页面内部展示的时候是不需要这个按钮的,这时候我们就需要一段判断在哪个APP打开的JS
最好是你们自己的APP可以提供一个返回
[javascript] view plain copy
navigator.userAgent.indexOf('')
这样只用单独判断是否在APP内部打开即可,如果没有就只能做大量判断了
[javascript] view plain copy
<script type="text/JavaScript">
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}()
}
if (browser.versions.mobile) {//判断是否是移动设备打开
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
alert("wexin");
}
/*if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
alert("weibo");
}
if (ua.match(/QQ/i) == "qq") {
alert("QQ");
}
if(/alipay/ig.test(ua)){
alert("支付宝");
}
if (browser.versions.ios) {
alert("IOS浏览器打开"); //是否在IOS浏览器打开
}
if(browser.versions.android){
alert("安卓浏览器打开") //是否在安卓浏览器打开
} */
} else {
alert("PC");
}
</script>
分享到:
相关推荐
常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤: 1、...
js判断移动端APP是否安装 如果安装就打开APP 没有安装就提示下载
通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动...
标题所提及的"手机APP下载页面判断是否微信",主要涉及到的技术点是检测用户访问页面的环境,特别是当用户在微信内置浏览器中打开APK下载链接时,如何确保用户能够顺利下载。微信为了安全和用户体验,限制了直接在...
但是,可以使用Smart App Banners,这是一种Web页面上的元标签,如`<meta name="apple-itunes-app" content="app-id=myAppId">`,当用户在Safari中访问网页时,若未安装对应APP,会在顶部显示一个下载提示。...
### Js判断移动端是否存在客户端:如果存在则打开,如果不存在则下载 #### 背景介绍 在移动互联网时代,为了更好地提升用户体验并实现特定功能,许多应用会采用混合开发技术,其中JavaScript作为前端开发的核心语言...
### JS判断是否在微信浏览器打开 #### 背景介绍 在进行HTML5项目的开发时,经常需要将页面分享到社交媒体平台(如微信、微博等)。为了提高用户体验,开发者需要根据用户访问页面的方式做出相应的调整。例如,在...
本文介绍了一个JavaScript方法,用于判断用户的移动设备是否安装了某个应用程序(app),这对于使用深度链接(deeplink)技术尤其重要。deeplink是一种通过链接直接打开应用内特定页面的技术,而非仅仅是启动应用。...
文档中介绍的方法是如何在用户点击导航按钮时判断手机是否已安装百度地图App,并根据是否安装来决定是唤起App还是打开浏览器的Web端百度地图。 唤起App的过程可以分为几个步骤: 1. 判断当前设备上是否安装了百度...
为了确保只在微信环境中执行特定的JavaScript逻辑,我们可以检测UserAgent来判断当前是否在微信环境下: ```javascript var isWechat = /MicroMessenger/i.test(window.navigator.userAgent); if (isWechat) { ...
那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面,通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在...
这篇内容将探讨几种使用JavaScript来检测手机是否已安装指定APP的解决方案。 首先,我们来看第一种方法,它涉及到HTML中的`<a>`标签和自定义协议。以微信为例,我们可以创建一个链接,其`href`属性设置为`weixin://...
手机安装了自己的app就打开 没有安装就跳转到app下载页(如App store) 还可以根据URL scheme进行app内部跳转 使用: 场景一:app下载按钮(以安装就打开app) 下载本站App $(function() { $(".app-download")....
本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的...
3. **JSBridge**:为了使H5与原生APP之间能进行通信,我们需要建立JSBridge,这是一个JavaScript与Native代码交互的桥梁。通过JSBridge,H5页面可以调用原生APP的方法,如检测APP是否已安装、启动APP或跳转到下载...
本文将详细介绍如何使用 JavaScript 来判断移动端用户是否已经安装了特定的应用程序。这种方法对于引导用户直接通过已安装的应用打开特定内容,或者在应用未安装时提供下载链接至关重要。 首先,我们来看第一种方法...
本文主要探讨了如何使用JavaScript在微信、QQ、微博和Safari等平台上唤起移动应用程序(App)。这些平台对于唤起App的处理方式各有不同,因此需要针对每个平台实施特定的解决方案。 首先,我们来看看背景。在当前的...
本文实例讲解了js判断当前页面在移动设备还是在PC端中打开的详细代码,分享给大家供大家参考,具体内容如下 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion...
这个"javascript-install-app-judgment-demo"项目提供了一个JavaScript解决方案,用于判断用户是否已安装某个App,并在确认安装后直接启动该应用。这个功能可以提升用户体验,引导用户直接通过已安装的应用而不是...