判断是否为iphoneX系列手机（移动端系列）

最新推荐文章于 2023-01-13 17:43:30 发布

Miss-赐

最新推荐文章于 2023-01-13 17:43:30 发布

阅读量538

点赞数

分类专栏：前端文章标签： javascript 前端 es6 ios

本文链接：https://blog.csdn.net/qq_33545466/article/details/115767535

版权

本文介绍如何通过JavaScript在移动端判断用户是否正在使用iPhone X系列手机，提供了直接可用的代码示例。

摘要由CSDN通过智能技术生成

判断是否为iphoneX系列手机（移动端系列）

直接上代码：

function isIphonex() {
   
	// X XS, XS Max, XR
	const xSeriesConfig = [
	    {
   
	      devicePixelRatio: 3,
	      width: 375,
	      height: 812,

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Miss-赐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js移动端页面判断是否是iphoneX，然后去设置元素对应高度？

qq_29236119的博客

04-08

564

在开发h5项目有时候需要判断iPhone型号，需要区分一下是否为iPhoneX，实现如下： methods: { isIPhoneX() { let u = navigator.userAgent; let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { if (screen.height == 812 && screen.width == 375) {

vue移动端项目底部适配iphonex

codezha的博客

03-24

3438

媒体查询 App.vue中样式中添加以下代码 /* 适配iphoneX iphoneXS */ @media screen and (device-width:375px) and (device-height:812px){ .pay-bot-cont { margin-bottom:34px; } } /* 适配iphoneXR iphoneXSMax */ @...

参与评论您还未登录，请先登录后发表或查看评论

判断手机环境是否是iphoneX

01-02

把这段代码放到组件中或者js目录下，直接引用isIphoneX获取布尔值，来得到判断的结果

判断是否微信打开、判断是否是iponeX

C90283的博客

02-28

341

判断是否微信打开 isWx() { function getIsWxClient() { //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型 var ua = navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua中是否含有MicroMessenger字符串

原生js判断iPhoneX系列手机型号

m0_48192059的博客

10-30

1179

#原生js判断iPhoneX系列手机型号 static isIphone() { return /iphone/gi.test(window.navigator.userAgent) } static isIphonXSeries() { if (window !== 'undefined' && window && !this.isIphone()) return false; const xSeriesConfig = [ {

判断设备型号（最新到iphone6s）

12-25

判断设备型号（最新到iphone6s）

vue3判断是否是安卓 ios手机,并且如果是ios判断是否是ios13.3+版本

最新发布

fury的博客

01-13

816

判断安卓 IOS

移动端判断手机操作系统和手机型号

World_Mei的博客

06-05

1109

目录1、怎么判断是安卓还是iOS2、判断iPhone X手机或iPhone X系列手机 1、怎么判断是安卓还是iOS // 获取浏览器的userAgent，并转化为小写 var ua = navigator.userAgent.toLowerCase(); // 判断是否是苹果手机，是则为true var isIOS = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1); if(isIOS){ // 苹果手机 }else{ // 安卓手

react手机机端css_react工程搭建系列之---移动端适配与antd-mobile高清适配方案

weixin_39914975的博客

01-12

783

一、逻辑像素(css像素)与物理像素(设备像素)机型逻辑像素物理像素Scale Factoriphone 3GS320 x 480320 x 4801xiphone 4320 x 480640 x 9602xiphone 4S320 x 480640 x 9602xiphone 5320 x 568640 x 11362xiphone 5C320 x 568640 x 11362xiphone 5...

axure手机页面设计说明_Axure中基于设备模板的移动端原型设计方法（附IPhoneX和IPhone8最新模板）...

weixin_39517199的博客

12-21

554

文章作者分享了一种基于设备模板的移动端原型设计方法，相信能够对你的原型设计工作带来帮助，值得马克。在使用Axure设计移动端原型的应用方面，我总结出了两种常用的方法。第一种是更适合在移动端进行演示的设计方法，大家可以参考我之前已经分享过的一篇教程：使用Axure打造最佳的移动端交互原型教程，使用这种方法输出的原型在手机设备上进行演示时可以达到跟真实APP几乎一致的展示效果及交互体验。在今天我将分享...

钉钉应用中H5开发适配iphonex

snailmar的博客

07-24

2318

钉钉容器中开发H5应用时适配iphonex 首先要了解iphonex屏幕尺寸的一些知识,可以参考H5页面WebView在Iphonex的适配,有了对iphonex屏幕的基本认识后,适配就相对简单一些了. 盗图一张: bottom部分fixed定位,底部会造成镂空,此时我们在viewport中加入viewport-fit=cover,html和body设置高度100%,可以将bottom部分下移到...

js 判断 iPhone X、iPhone XS、iPhone XS Max、iPhone XR

weixin_43127987的博客

12-31

986

// iPhone X、iPhone XS var isIPhoneX = /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 375 &am...

Vue移动端各种机型判断

weixin_44590591的博客

12-16

5954

#Vue判断是否为移动端/IOS/当前设备是否为手机 Vue移动端各种机型判断判断当前设备是否为移动端

移动端页面判断是否是iphoneX

zhangx

08-20

3803

判断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 &am...

js移动端页面判断是否是iphoneX