html页面全面屏手机,/* js 判断手机是否全面屏 */

/**判断屏幕大小 */

function judgeBigScreen() { //，这里根据返回值 true 或false ,返回true的话则为全面屏

let result = false;

const rate = window.screen.height / window.screen.width;

let limit = window.screen.height == window.screen.availHeight ? 1.8 : 1.65; // 临界判断值

// window.screen.height为屏幕高度

// window.screen.availHeight 为浏览器可用高度

if (rate > limit) {

result = true;

}

return result;

};

//自动执行匿名函数

(function() {

$().ready(function() {

judgeBigScreen();//判断手机是否为全面屏

});

})();

那么在小程序里怎么封装？其实差不多

/**判断屏幕大小 */

judgeBigScreen() {

let result = false;

const res = wx.getSystemInfoSync();

const rate = res.windowHeight / res.windowWidth;

let limit = res.windowHeight == res.screenHeight ? 1.8 : 1.65; // 临界判断值

if (rate > limit) {

result = true;

}

return result;

}

Javascript判断是否iphone全面屏手机

function testUA (str) {

return navigator.userAgent.indexOf(str) > -1

}

// 判断是iphoneX及以后的iphone手机(即iphone带全面屏的手机)

var isNewIphone = window && testUA('iPhone') && window.screen.height >= 812 && window.devicePixelRatio >= 2;

原因：iphoneX及之后更新的iphone手机，其window.screen.height最小是812，且window.devicePixelRatio最小是2。

html页面全面屏手机,/* js 判断手机是否全面屏 */相关推荐

js判断手机浏览器屏幕方向
/* js判断手机浏览器屏幕方向*/var direction = {__getOrientation: function () {if (window.orientation == 0 || win ...
linux下浏览器如何登录微信,js判断手机浏览器操作系统和微信浏览器的方法
今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法: //手机端判断各个平台浏览器及操作系统平台 function checkPlatform(){ if(/android/i.test(n ...
js判断手机上是否安装某APP
前两天,产品给我又给我提了一个需求,就是给我看了一下人家的功能,说我们也想要这个功能,于是,我就开始实现这个功能了..... js判断手机上是否安装某APP,如果有的话直接打开App,否则打开App ...
js判断手机的横竖屏调整样式
在移动端,我们经常遇到横竖屏的问题,所以我们改如何判断或针对横竖屏来写代码呢.首先需要在head中加入如下代码: <meta name="viewport" content= ...
html5 判断是否安装app,js判断手机上是否安装app
通过js进行判断,判断手机上是否安装某一app,因为js并不能操作手机原生的API,所以它判断的方法只是通过动态生成iframe,用它打开app,看能不能打开,通过这个时间进行判断,下面有两段代码: ...
JS判断手机浏览器是横屏or竖屏
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 从而根据实际需求而执行相应的程序. 通过添加监听事件onorientation ...
js判断手机机型，是否在华为、iphone、小米、三星打开
判断打开目前的是什么手机品牌要在业务里知道是页面通过什么平台打开的,在前端使用userAgent来进行判断.以下正文涉及3类:主流的手机品牌判断方法.是否在微信打开.是否在PC或Pad打开. 判断业 ...
js判断手机系统版本为安卓还是苹果，苹果系统版本号
js判断是否为手机系统是安卓还是苹果,是否为微信浏览器 var ua = navigator.userAgent.toLowerCase(); //系统判断 if(ua.match(/iPhone/i ...
JS判断手机是否是iOS或者Android
JS判断客户端是否是iOS或者Android 第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端.代码如下: var u = navigator.userAge ...

html页面全面屏手机,/* js 判断手机是否全面屏 */

html页面全面屏手机,/* js 判断手机是否全面屏 */相关推荐

最新文章

热门文章