vue项目h5端判断所处环境(支付宝、微信、判断安卓和iOS环境)

这篇具有很好参考价值的文章主要介绍了vue项目h5端判断所处环境(支付宝、微信、判断安卓和iOS环境)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、判断是否为支付宝坏境

isAlipayClient () {

    if (navigator.userAgent.indexOf('AlipayClient') > -1) {

      return true

    }

    return false

  },文章来源地址https://www.toymoban.com/news/detail-470212.html

二、判断安卓还是ios

  phoneOs () {

    var u = navigator.userAgent,

      isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,

      isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)

    if (isAndroid) {

      return 'Android'

    }

    if (isiOS) {

      return 'IOS'

    }

    return ''

  },

三、判断是否是微信

  isWeixin () {

    var ua = window.navigator.userAgent.toLowerCase()

    if (ua.match(/MicroMessenger/i) == 'micromessenger') {

      return true

    } else {

      return false

    }

  },

//判断是否是皖事通环境

  checkPlatform() {

    const ua = navigator.userAgent;

    if (ua.includes('iflytek_mmp')) {

      // 皖事通

      return 'wst';

    } else if (navigator.userAgent.includes('AlipayClient')) {

      // 城市令

      return 'alipay';

    } else if (navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == 'micromessenger') {

      return 'wx';

    }

  },

到了这里,关于vue项目h5端判断所处环境(支付宝、微信、判断安卓和iOS环境)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • vue h5 项目中与 app 安卓 or ios 进行交互 方式, h5与app交互

    vue h5 项目中与 app 安卓 or ios 进行交互 方式, h5与app交互

    vue h5 项目中与 app 安卓 or ios 进行交互 方式, h5与app交互 前端同学可以加我一起交流一起进步 案例描述:需求是 混合开发中,H5页面与原生app安卓或者ios交互(包括,调用app的方法,或者app调用 h5中定义的方法)从而实现交互 项目场景:开发帮助中心页面,帮助中心页面采

    2024年02月11日
    浏览(12)
  • vue3.0 安卓和ios h5 移动端音频自定义圆环可拖拽播放(兼容微信浏览器)

    vue3.0 安卓和ios h5 移动端音频自定义圆环可拖拽播放(兼容微信浏览器)

    安装  npm install weixin-js-sdk 引入 template     div class=\\\"circle_box\\\"         div id=\\\"content\\\"/div          img class=\\\"img_0\\\" src=\\\"https://img.yzcdn.cn/vant/cat.jpeg\\\" alt=\\\"\\\"          img @click=\\\"changeType\\\" class=\\\"img_1\\\" v-show=\\\"playbool\\\" src=\\\"@/assets/decompression/pressure_audio_play.png\\\" alt=\\\"\\\"          img @click=\\\"changeType\\\"

    2023年04月23日
    浏览(13)
  • vue实现H5支付(微信,支付宝)

    1.判断浏览器是微信还是支付宝或其他浏览器 2.微信浏览器调用微信支付的方法(调用后台接口创建订单,需要微信用户唯一标识openid;接口返回微信支付所需的支付参数) 3.支付宝浏览器支付方法

    2024年02月16日
    浏览(11)
  • app内嵌h5支付功能,跳转支付宝&微信,vue组件

    app内前h5涉及到支付的功能,ios非实物商品实付需要使用ios原生支付方式,实物商品则可以三方支付,主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接,前端进行跳转支付,同时需要实时查询用户的支付状态。 整个过程中复杂的部分在于查询用户支付状态的体验

    2024年02月06日
    浏览(15)
  • 【b站咸虾米】chapter4_vue组件_新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握

    【b站咸虾米】chapter4_vue组件_新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握

    课程地址:【新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=12share_source=copy_webvd_source=b1cb921b73fe3808550eaf2224d1c155 uni-app官网 组件,无论是小程序还是vue,都是非常关键的。 现在单页面程序,主要的依据就是组件。 组件

    2024年01月20日
    浏览(43)
  • 【b站咸虾米】chapter3_vue基础_新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握

    【b站咸虾米】chapter3_vue基础_新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握

    课程地址:【新课uniapp零基础入门到项目打包(微信小程序/H5/vue/安卓apk)全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=12share_source=copy_webvd_source=b1cb921b73fe3808550eaf2224d1c155 目录 三、vue基础 3.1 vue介绍与传统js的差异化  3.2 模板语法 3.3 data属性 3.4 条件渲染  3.4.1 v-if和v-else 3.4

    2024年01月21日
    浏览(399)
  • uniapp H5页面如何判断是在微信小程序环境还是微信环境中运行

    最近做的一个项目h5页面,甲方即要嵌套到app中,又要嵌套到小程序中,有个需求是在app中显示首页的按钮,在小程序中打开要隐藏掉这个首页的按钮,最终我的解决方案如下! 解决方案:引入微信SDK文件:JSSDK,通过微信SDK方法判断。 1、首先,先引入微信sdk文件 2、记得调

    2024年02月11日
    浏览(38)
  • uniapp判断当前运行环境 app h5 微信小程序

    uniapp判断当前运行环境 app h5 微信小程序

    仅3.4.10+版本以上才支持,如果您的hbuilderX版本不是这个版本的需要先升级一下版本 hbuilderx下载 选择3.4.11及以上版本 uniPlatform   可取值如下:

    2024年02月11日
    浏览(36)
  • 省钱兄短剧短视频视频滑动播放模块源码支持微信小程序h5安卓IOS

    省钱兄短剧短视频视频滑动播放模块源码支持微信小程序h5安卓IOS

    # 开源说明 开源省钱兄短剧系统的播放视频模块(写了测试弄了好久才弄出来、最核心的模块、已经实战了),使用uniapp技术,提供学习使用,支持IOS+Android+H5+微信小程序,使用Hbuilder导入即可运行 #注意:由于app环境下ios跟Android存在差异,故需要分别适配 ##index.nvue文件默认

    2024年02月07日
    浏览(10)
  • uniapp图片或文件的预览和下载,兼容ios+安卓+浏览器+企业微信H5

    在uniapp的APP日常开发中,我们时常遇到一些兼容性问题,正如本文所提到的图片的预览和下载。在此功能的开发中,我常遇到以下四个问题: 图片预览功能实现,但是PDF,word,xls文件无法打开。 安卓的图片预览和文件查看功能正常,ios系统的手机却问题频出,时不时的无法打

    2023年04月10日
    浏览(8)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包