js 判断手机、电脑、微信、h5、安卓、IOS、APP

这篇具有很好参考价值的文章主要介绍了js 判断手机、电脑、微信、h5、安卓、IOS、APP。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求

在我们写项目时候, 经常会遇到限制打开页面的方式;那就需要我们去判断。网上有很多中方式,我给大家总结出来了

总结(解决)
// 是否微信浏览器  普通浏览器
if (/(micromessenger)/i.test(navigator.userAgent)) {
    alert("微信");
} else {
    alert("普通浏览器");
}

// 是否pc 手机
let client =/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (client) {
    alert("手机");
} else {
    alert("pc");
}

// 是否pc  手机+iPad
function isMobile(){
if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
  return true; // 手机+iPad
 }else{
  return false; // pc
 }
}

// 是否APP环境   (本人没用过)
function getIsApp () {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/isapp/i) == "isapp") {
      return true;
    }
    return false;
}
// 是否 IPhoneX
function isIPhoneX(fn){
    var u = navigator.userAgent;
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isIOS) {    
      if (screen.height == 812 && screen.width == 375){
        //是iphoneX
      }else{
        //不是iphoneX
      } 
    }
}
// 是否 安卓 苹果
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
alert('是否是Android:'+isAndroid);
alert('是否是iOS:'+isiOS);

以上是本文所有内容,这是集多位大佬文档整理出来的。有问题有补充可留言文章来源地址https://www.toymoban.com/news/detail-589780.html

到了这里,关于js 判断手机、电脑、微信、h5、安卓、IOS、APP的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 如何判断当前是安卓/IOS/H5/Web使用环境

    在JavaScript中, navigator 对象用于获取浏览器的相关信息。它提供了一系列属性和方法,可以帮助我们了解浏览器的品牌、版本、用户代理等信息。 使用navigator.userAgent可判断当前是安卓或者ios或者H5或者web(设备系统): 判断当前操作系统 依据不同的场景需求,可采用 userA

    2024年01月18日
    浏览(25)
  • php判断是ios手机还是安卓手机

    可以使用PHP中的 $_SERVER[\\\'HTTP_USER_AGENT\\\'] 全局变量来判断用户的设备类型。根据不同的设备类型,可以判断是iOS手机还是安卓手机。 下面是一个示例代码: 请注意, $_SERVER[\\\'HTTP_USER_AGENT\\\'] 并不是可靠的方式 ,因为用户代理字符串可以被伪造。因此,在实际应用中,建议使用更可

    2024年02月16日
    浏览(39)
  • js判断是否手机模式

     

    2023年04月17日
    浏览(42)
  • vue&h5获取手机前置摄像头(安卓&ios),input capture属性和navigator.mediaDevices

    调用前置摄像头 capture=\\\"user\\\" 调用后置摄像头capture=\\\"environment\\\"或其他只适用于ios 根据官网解释 iOS最遵守遵守HTML5规范,其次是X5内核,安卓的webview基本忽略了capture。 官方文档:www.w3.org/TR/2018/REC-html-media-capture-20180201/ 对于安卓,亲测capture=\\\"user\\\"效果是,第一次打开前置摄像无效

    2024年02月10日
    浏览(34)
  • H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信

    h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装。 我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,代码如下: 示例代码: 扩展: 同样,通过上边的方法,也可

    2024年02月06日
    浏览(34)
  • 使用JS判断访问设备是电脑还是手机

    有时在编写前端页面视图时,需要根据用户不同的访问设备(手机或电脑)对页面设置不同显示样式或跳转到不同的页面。可以使用JS代码获取Navigator对象的userAgent属性,通过对该属性值的分析就可以知道当前访问的设备是电脑还是手机。 一些常用设备访问时返回的userAgent属

    2024年02月08日
    浏览(30)
  • js判断是否处于微信浏览器内

    当我们开发网页应用或移动应用时,经常需要根据用户当前的环境做一些特殊处理。在这篇文章中,我们将探讨如何使用 JavaScript 来判断当前页面是否在微信浏览器内打开。 微信是一款非常流行的社交媒体应用,拥有庞大的用户群体。为了提供更好的用户体验,我们可能需要

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

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

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

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

    2024年02月07日
    浏览(30)
  • 省钱兄飞行棋源码情侣飞行棋情侣游戏支持微信小程序h5安卓IOS

    # 开源说明 开源省钱兄情侣飞行棋系统的飞行棋模块 (写了测试弄了好久才弄出来、最核心的模块、已经实战了) 使用uniapp技术,仅提供学习使用,支持IOS+Android+H5+微信小程序,使用Hbuilder导入即可运行 最近这个情侣飞行棋类型的比较火 我们用uniapp写了一个小游戏 可以实现

    2024年02月04日
    浏览(25)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包