js中如何检测手机大小 js判断手机是安卓还是ios

mobile-detect.js获取手机型号和系统

在H5页面的开发中，肯定会遇到获取手机的型号等需求，使用js的navigator对象，能获取到有关浏览器的相关信息，但想获取手机使用的系统等更多内容还是有局限性的。

用php读取到手机的型号目前为止是没有现成开源的代码，但github有一个叫Mobile-Detect的开源项目是可以读取到手机类型（iPhone，Samsung等等），操作系统、浏览器等相关信息。

输入*#06#记下IMEI号。进入设置～关于手机。可以查系统版本和手机型号。

对于正常网站来说，通常情况，是无法获取手机中的app信息以及用户隐私数据的。但站点会获取手机型号、系统版本、浏览器型号及版本、ip地址等信息，以便于站点运营。

需要调用安卓（或者iOS）SDK的API，单纯DOM级别的js是做不到的（需要获得权限许可的，js顶多能控制浏览器的音量，要获取系统音量，还得穿过浏览器盒子才行）。

删掉不用的APP，笨重的文件和其它碎片。禁止自动后台进程。自动后台进程是个比较方便的功能，但要是它拖慢了系统运行速度，这种方便就不那么值得了。减少动态效果。

相关问答

Q1: Android手机js获取屏幕尺寸不准,导致计算的问题?

一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。

这是正常的。因为单位不同嘛。这涉及到dp和px的转换问题。首先，480*800的手机(WVGA)density=240。转换公式如下：pixs =dips * (density/160)dips=(pixs*160)/density 480*800单位是px。而320*533单位是dp。

比如说，一部240x320像素的低密度手机，如果运行上述代码，获取到的屏幕尺寸是320x427。

屏幕分辨率：+screen.width + * + screen.height+内部窗口： + w + * + h 不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。

需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。

当然有些浏览器会自动缩放使其适应屏幕，但这不是统一标准，正确的做法是用js动态生成此标签，当然，应该先获取屏幕尺寸。

Q2: 帮写一个css3或者js,判断4S,iphone5以及1080p的手机屏幕分辨率,加载不...

1、用if else来判断，给script设置一个ID，再根据setAttribute改变src的属性。

2、首先准备一个HTML结构的文档，页面可以制作的简单点。然后在页面的body区域中放置一个img图片。我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。

3、一般来说，iH5的手机案例默认的尺寸是640*1040px，也就是iPhone6 plus的尺寸，我用的正是iPhone6 plus，所以我做案例时没出现过这类问题，而你遇到案例呈现不完整的情况我想应该是手机型号的不同导致的。

4、可以使用 CSS3 transform：scale(arg1，arg2)； 直接将整个DIV或者BODY放大缩小 但你要知道直接这样做，效果肯定不好。 不然自适应和适配就不会成为web工程师的考核点之一了。

Q3: vue.js如何进行手机真机测试呢?

可以使用vue-test-utils，vue-test-utils是vue官方的单元测试框架，提供了一系列非常方便的工具，使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多，但vue-test-utils都能支持。

首先保证电脑和手机在同一个局域网下（连接同一个路由器）将移动端的作品放置到 xmapp 下面的指定的文件夹中 htdocs ( wampp是放置在 www 下面)浏览器打开 localhost 地址，看是否有文件展示。

使用grunt+bower+webstorm作为前端开发工具，在开发移动端的时候，怎么才能直接在真机上进行页面调试？举个例子就是在IDE里写html，手机上也会同步展示。

就可以与苹果电脑连接了。手机自己也有提示（真的很暖心）连接成功之后，就可以进行真机调试了。注：网上很多说自己的VUE项目项目打开一片空白，记得改一下config下面的index.js中bulid模块导出的路径。

(1)main.js 里进行全局注册 (2)index.vue 里可直接使用组件 在 uni-app 中以下这些作为保留关键字，不可作为组件名。备注 ：除以上列表中的名称外，标准的 HTML 及 SVG 标签名也不能作为组件名。

Q4: js获取手机屏幕的尺寸,主要是高度

1、viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。

2、int height = dm.heightPixels//这个就是屏幕高度了。

3、document.getElementById(p1).innerHTML=屏幕分辨率：+screen.width + * + screen.height+内部窗口： + w + * + h 不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。

4、box).height //输出 60px//js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法 document.documentElement.clientWidth；document.documentElement.clientHeight；此外，还可以使用元素的点击事件来获取元素高度等内容。

5、屏幕可用工作区高度：+window.screen.availHeight ++ 屏幕可用工作区宽度：+window.screen.availWidth )；} 您要用这个尺寸的话，只要用可用大小来显示就可以了。就是第二个屏幕可用大小。

Q5: js网页如何获取手机屏幕宽度

viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。

屏幕可用工作区宽度：window.screen.availWidth HTML精确定位：scrollLeft，scrollWidth，clientWidth，offsetWidth scrollHeight： 获取对象的滚动高度。

当前的Android程序就支持了多种分辨率，那么就可以得到正确的物理尺寸了。

最近编程中发现html静态页面的开发可以使用 document.body.ClientHeight 来获得页面的高度，但asp.net的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。

css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

当然有些浏览器会自动缩放使其适应屏幕，但这不是统一标准，正确的做法是用js动态生成此标签，当然，应该先获取屏幕尺寸。

关于js中如何检测手机大小和js判断手机是安卓还是ios的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。