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

最新推荐文章于 2025-03-12 11:02:06 发布

Mr_EvanChen

最新推荐文章于 2025-03-12 11:02:06 发布

阅读量2.6k

点赞数 3

分类专栏： Vue 文章标签： JavaScript 扫描二维码微信支付宝检测浏览器 Safari

本文链接：https://blog.csdn.net/Mr_EvanChen/article/details/102675950

版权

本文介绍了如何使用JavaScript在移动端实现二维码扫描功能，并详细讲解了如何针对微信、支付宝和Safari等不同浏览器进行兼容性和检测的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 检测客户端类型
// 注意：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 = "点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开，即可安装";

最低0.47元/天解锁文章