首页 > 其他分享 >js判断是否处于移动端

js判断是否处于移动端

时间:2023-06-06 10:56:49浏览次数:46  
标签:body 判断 界面 PC js WIDTH const 移动

应用场景 在uniapp中通过webview嵌入了PC端界面,某些界面方法需要根据处于PC还是uniapp进行不同的处理,此处简单通过界面宽度去判断。 代码示例

const { body } = document
const WIDTH = 992 

isMobile() {
  const rect = body.getBoundingClientRect()
  return rect.width - 1 < WIDTH
}

 

标签:body,判断,界面,PC,js,WIDTH,const,移动
From: https://www.cnblogs.com/nicoz/p/17459894.html

相关文章

  • 认识soui4js(第1篇)
    源代码:https://github.com/soui4js/soui4jssoui4js是soui4+quickjs的结合体。soui4是一套c++directui客户端开发框架,soui4js则将soui4的开发语言从C++迁移到了js。可能有人要问:为什么要使用js来开发?使用js开发最大的优势就是开发快速,代码写下来就可以运行,测试,同时更方便热更......
  • echarts的折线图的鼠标滚轮移动不缩放
    dataZoom:[{type:'slider',maxValueSpan:5,//显示数据的条数(默认显示10个)show:true,yAxisIndex:[0],left:'93%',//滑动条位置start:100,//默认为0end:70,//默认为100orient:"vertical",filterMode:'empty',zoomLock:true,},{type:'inside......
  • ExtJs4 grid合并行
    代码实现/***Kunoy*合并单元格*@param{}grid要合并单元格的grid对象*@param{}cols要合并哪几列[1,2,4]*/varmergeCells=function(grid,cols){vararrayTr=document.getElementById(grid.getId()+"-body").firstChild.firstChild.firstChi......
  • 在centos7升级nodejs存在的无法切换版本的问题解决
    1.安装n管理工具npminstall-gn安装最新版本nlatest安装指定版本 n8.11.3 2.切换nodejs版本n选择已安装的版本 ο node/8.11.3  node/10.4.1查看当前版本node-v,下面表示已切换成功v8.13.3但问题来了,切换后,查看版本还是原来的v6.13.3,看下面 使用n切换nodejs......
  • 浏览器环境下JS构建xml文本
    虽然许多地方json替代了xml,但是仍然有部分领域使用xml来描述数据。可以使用浏览器环境下js中dom的API,来快速构建xml文本,避免手动拼接字符串。//创建XML文档对象letxmlDoc=document.implementation.createDocument("","",null);//创建根节点letroot=......
  • Json解析字符串报错syntax error, expect {, actual string, pos 0, fastjson-version
    ExpectedBEGIN_OBJECTbutwasSTRINGatline1column2path$syntaxerror,expect{,actualstring,pos0,fastjson-version1.2.62syntaxerror,expect{,actualstring,pos0,fastjson-version1.2.62以上的报错都是Json字符串格式错误,比如缺少{},比如两头多了......
  • 判断对象是否存活的算法
    需要回收的位置如下 其实垃圾回收是jvm自带的功能,所以有了如下的优缺点优点:1.项目开发的时候不需要开发人员考虑内存管理2.可以有效的防止内存泄漏,更加高效的利用可使用的内存3.因为垃圾回收不再有了作用于的概念缺点:因为不了解所以使用过程中会出现内存溢出和内存泄漏的......
  • 使用Node.js搭建的微服务器基本流程
    前言使用Node.js搭建的微服务器,处理注册登录操作的流程详解。主要包括注册,登录两大模块。Node.js项目的搭建基于Express框架mongodb数据库搭建的Web服务器基本配置1.初始化Node.js项目`npminit`2.项目目录结构3.项目结构介绍config:保存项目一些公共的配置db......
  • 干货| 小结三类移动端跨平台方案
    跨平台技术是前端人必备技能,今天就来为大家解读一下近几年业界主流的三大移动端跨平台方案:Web天然跨平台: WebApp、PWA(ProgressiveWebApps)、HybridApp、PHA(ProgressHybridApp)都可以实现跨平台,WebView是一种基于浏览器内核的跨平台解决方案,通过在移动应用中嵌入一个浏览器组......
  • Vue基础之表单控制 ,v-model进阶,箭头函数,JS循环
    目录一、表单控制1.checkbox选中2.radio单选3、checkbox多选4.购物车案例-结算二、v-model进阶三、箭头函数es6的语法1无参数,无返回值2有一个参数,没有返回值,可以省略括号3多个参数,不能省略括号4多个参数,不能省略括号,一个返回值5一个参数,一个返回值四、补充:JS循环一、表......