【JavaScript】移动端扫描二维码检测浏览器（微信、支付宝、Safari、其他浏览器）

// 检测客户端类型
// 注意：19年6月份iPad出了专门的操作系统iPadOS
// 它的userAgent中不是iPad，也没有下文中的mobile，而是Macintosh，类似Mac。需要兼容的可以加上。
function judgeClient() {var client = "";if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {client = "ios";} else if (/(Android)/i.test(navigator.userAgent)) {client = "android";} else {client = "pc";}return client;
}// 检测浏览器（微信、支付宝、Safari、其他浏览器）
function whichBrowser(){var versionFileUrl = document.getElementById("downloadUrl").innerText;var clientType = client;var browser = navigator.userAgent.toLowerCase();var IOSTip = "点击右上角按钮，然后在弹出的菜单中，点击Safari中打开，即可安装";var IOS4Other = "该浏览器不支持安装App。请在Safari中打开，即可安装";var ANDROIDTip = "点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开，即可安装";if(/Alipay/i.test(browser) || /MicroMessenger/i.test(browser)){if(clientType === "ios"){alert(IOSTip);}else if(clientType === "android"){alert(ANDROIDTip);}}else if(browser.indexOf('applewebkit') > -1 && browser.indexOf('mobile') > -1 && browser.indexOf('safari') > -1 &&browser.indexOf('linux') === -1 && browser.indexOf('android') === -1 && browser.indexOf('chrome') === -1 &&browser.indexOf('ios') === -1 && browser.indexOf('browser') === -1){window.location.href = "itms-services://?action=download-manifest&url=" + versionFileUrl;}else {if(clientType === "ios"){alert(IOS4Other);}else if(clientType === "android"){window.location.href = versionFileUrl;}}
}

【JavaScript】移动端扫描二维码检测浏览器（微信、支付宝、Safari、其他浏览器）相关推荐

移动端扫描二维码下载app
核心代码: <div id="testid"></div> <script type="text/javascript"> ...
百度网盘PC端扫描二维码登录时无法加载二维码问题解决方法
问题: 今天在PC端扫描登录百度网盘时,二维码无法加载出来,具体情况如图: 解决方法: 1.打开IE浏览器 2.打开工具 3.打开Internet选项 4.打开高级选项,重置IE设置 5.点击确定,打 ...
电脑端扫描二维码（java）
说明:js调去电脑摄像头拍照,然后获取图片base64位编码,再将base64为编码转为bolb,通过定时异步上传到后台,在后台对图片文件进行解码,返回解码结果到页面,然后页面重新加载结果(url) ...
实习记录（H5页面）微信扫描二维码登陆注册，随后跳转浏览器。实现
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 1.微信跳转至浏览器,按钮样式与触发弹窗改变? 2.安卓与ios的下载***app 3.解析url,获取地址栏携带的参数 4 ...
【vue】移动端扫描二维码
参考链接: https://github.com/gruhn/vue-qrcode-reader https://blog.csdn.net/zhangtian_tian/article/detail ...
h5端呼起摄像头扫描二维码并解析
2016年6月29日补充: 最近做了一些与表单相关的项目,使用了h5的input控件,在使用过程中遇到了很多的坑.也包括与这篇文章相关的. 首先我们应该知道使用h5新提供的属性getUserMedia ...
浅谈扫描二维码登录微信网页版与摇一摇传图的实现原理
前言:简单体验了下微信网页版通过二维码登录和摇一摇传图功能,从技术角度看,网上专家吹捧的 [隔空取物]其实并不神秘,我先简单分析一下. 1. 微信移动端扫描二维码登录(C-S-C模式) CSC模式为: ...
Vue 移动端实现调用相机扫描二维码或条形码
一.开发前的准备实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能(详见概述 | 微信开放文档),或者支付宝 H5 开放的API(详见?支付宝H5开放文档). 但是 ...
PC端调用摄像头扫描二维码，拿到二维码信息
PC端调用摄像头扫描二维码,拿到二维码信息 <template><el-dialogtitle="扫描设备二维码":visible.sync="dial ...

【JavaScript】移动端扫描二维码检测浏览器（微信、支付宝、Safari、其他浏览器）

【JavaScript】移动端扫描二维码检测浏览器（微信、支付宝、Safari、其他浏览器）相关推荐

最新文章

热门文章