说道二维码 之前是用来跳转app store  然后在就是出来的 扫码付款什么的

用的很平常,其实里面也很简单   自己刚开始接触的时候     同事说要做一个二维码下载 应用 => 我=懵逼

会看到大家把android 和ios 的二维码并排放在一起 我们的产品ios先出来的  就先放了一个二维码 (毕竟可以二合一呗)

什么鬼  二维码是个什么 ?

还要根据不同的平台 ?

还要取是什么浏览器打开的这个 ?

还要判断是不是wechat? 我的天 !!!!

作为刚出校门的小菜鸟 不懂就得问啊  在学校里那都是 舅舅不疼 姥姥不爱的  关于这技术  以前暑假的时候晓得一点

NO :1

就是那其实二维码 就是一个 URL 地址

说道平台 大家一定会想到 什么 mac地址什么的  但是好像浏览器也屏蔽掉了

这可咋办呢 ?

还是自己看着经理去抽烟的时候 这不 菜鸟不知道怎么办 只能以拉家常的方式去和经理说说技术

me : 老大 ,那做二维码跳转  怎么知道他是什么平台的呢 ? 怎么获取到机型呢?

老大: 这个很简单的  你根据浏览器的报头去做就好了,其实扫描到了二维码之后 读取到了  手机会调用浏览器去访问该网址 ,

ios的则会调用 safair android的则会调用chrome  虽然还有什么uc ,opera  难免的会有些误差。 你自己琢磨吧!

me : 那好吧 !

找找查查 就是 navigator.userAgent  navigator.appVersion

接着就是考虑在后台处理还是在前台

算了 还是前台判断吧

 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,//苹果、谷歌内核
safari:u.indexOf("Safari")>-1, //safari 浏览器
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
wechat:u.toLowerCase().match((/MicroMessenger/i) == 'micromessenger'),
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
var explore;
if (browser.versions.trident)
{
explore = 'IE';
} else if (browser.versions.presto)
{
explore = 'Opera';
} else if (browser.versions.webKit) {
explore = 'chrome';
} else if (browser.versions.gecko)
{
explore = 'FireFox';
} else if (browser.versions.safari)
{
explore = 'safarir';
} if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
alert('ios手机');
$.ajax({
url: "DataInsert.ashx?Explore=" + explore + "&device=ios&deviceappVersion=" + navigator.appVersion,
type: "post",
success: function (data)
{
if (data == "success")
{
location.href = "http://www.apple.com/cn/ios/";
}
}, error: function (errorMsg) {
//请求失败时执行该函数
alert("数据异常");
}
});
}
else if (browser.versions.android) {
alert('安卓手机');
$.ajax({
url: "DataInsert.ashx?Explore=" + explore + "&device=Android&deviceappVersion=" + navigator.appVersion,
type: "post",
success: function (data) {
if (data == "success") {
location.href = "http://www.android-studio.org/"; //这里就给了一个学习网站 哈哈
}
}, error: function (errorMsg) {
//请求失败时执行该函数
alert("数据异常");
}
}); } else if (browser.versions.wechat)
{
$.ajax({
url: "DataInsert.ashx?Explore=" + explore + "&device=wechat&deviceappVersion=" + navigator.appVersion,
type: "post",
success: function (data) {
if (data == "success") {
location.href = "http://weixin.qq.com/";
}
}, error: function (errorMsg) {
//请求失败时执行该函数
alert("数据异常");
}
});
alert('微信'); }

这都获取的很详细了吧

在异步里去拼接  判断什么 浏览器 什么机型  wechat 什么的  都是妥妥的了 。

二维码跳转不同的 app store的更多相关文章

  1. 微信小程序 - 配置普通二维码跳小程序

    普通二维码跳小程序规则: https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#%E5%8A%9F%E8%83%B ...

  2. asp:手机扫描二维码跳转手机版

    如果想手机扫描用pc版网站生成的二维码跳转到对应的手机版的话,请在pc端的首页的<head></head>标签里面加入下面内容:   <script src=" ...

  3. PHP自定义生成二维码跳转地址

      比较简单的一款PHP自定义生成二维码跳转地址,手机端微信扫码,自动跳转到定义好的链接.支持自定义生成二维码尺寸.间距等.    鼠标悬浮显示二维码弹出层,离开后消失.js实现,代码如下: $(fu ...

  4. 用vue实现扫描二维码跳转页面功能

    怎么能用vue实现扫描二维码跳转页面功能 1. 安装依赖 npm install vue-qr --save 2. <template>   <div>     <div ...

  5. 今天网站后台登录页面需要生成一个二维码,然后在手机app上扫描这个二维码,实现网站登录的效果及其解决方案如下

    要实现二维码登录,需要解决2个技术,1.需要js websocket 与后台php实现长连接技术 2.实现二维码生成技术 要实现这个功能第二个算是比较简单,只需要下载一个php的二维码生成器即可,但要 ...

  6. 扫描二维码下载安装apk的app

    将apk文件放到服务器上,下载链接直接生成二维码,用微信扫描时不能直接下载.页面只是刷新一下. 想实现微信扫描下载apk的app客户端,需要把下载链接做到一个网页上, 将网页生成一个二维码. 直接下载 ...

  7. 微信小程序二维码是无法识别二维码跳转到小程序

    今天测试了一下,微信小程序圆形二维码是不能直接识别跳转到小程序: 但h5页面的那种微信公众号二维码是可以直接识别

  8. php生成带自定义logo和带二维码跳转自定义地址的二维码

    index.php<?phpheader('Content-type:text/html;charset=UTF-8');// 指定允许其他域名访问header('Access-Control- ...

  9. 扫描二维码跳转app

    1.判断是否安装了app <html> <head> <meta name="viewport" content="width=device ...

随机推荐

  1. kubernetes&tensorflow

    谷歌内部--Borg Google Brain跑在数十万台机器上 谷歌电商商品分类深度学习模型跑在1000+台机器上 谷歌外部--Kubernetes(https://github.com/kuber ...

  2. ASP.NET 身份认证

    ASP.NET 身份认证相关 原理 ASP.NET中身份认证分为两个阶段:认证与授权 1. 认证:识别当前请求的用户是不是一个可识别(登录)用户.AuthenticateRequest 2. 授权:是 ...

  3. Day6-python基础之模块

    模块,用一砣代码实现了某个功能的代码集合. 类似于函数式编程和面向过程编程,函数式编程则完成一个功能,其他代码用来调用即可,提供了代码的重用性和代码间的耦合.而对于一个复杂的功能来,可能需要多个函数才 ...

  4. java ---- 面试题

    1.java 语言如何进行异常处理,关键字:throws.throw.try.catch.finally分别代表什么意义?finally代码是在return之后还是之前执行? throws是获取异常, ...

  5. ios开发之Info.plist文件相关配置

    前言:在iOS开发中有些情况下需要对Info.plist文件进行配置,以下介绍几种相关配置.以后遇到需要配置的再更新... 开发环境:swift3.0.1,Xcode8.1 一,项目中需要使用第三方字 ...

  6. word转化jpg

    用画图复制粘贴word内容,然后保存为jpg  即可~亲测可行,比截图清洗太多.

  7. js常用字符串处理方法

    JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串.var a = "hello";var b = ",world";var c = a ...

  8. gevent

    gevent是一个基于协程的python网络库. 特性: 1.基于libev的事件循环 2.基于greenlet 轻量级的执行单元  (what is greenlet ?) 3.来自python标准 ...

  9. 浅谈Android样式开发之layer-list

    引言 在开发某些有层叠效果App时,我们第一个想到的就是让UI进行切图.下面我们来这样的一个例子.如图所示: 上图Tab的背景效果,和带阴影的圆角矩形,是怎么实现的呢?大部分的人会让美工切图,用点九图 ...

  10. WCF 服务编程 - 常用绑定

    WCF  定义了5中常用的绑定. 一. 绑定 1.基本绑定: 对应于BasicHttpBinding类.基本绑定能够将WCF服务公开为传统的ASMX Web服务,使得原客户端能够与新的服务协作.如果客 ...