用javascript 怎样才能很好的获取手机的屏幕宽度和高度

2023-02-22 12:16:02JavaScript027

用javascript 怎样才能很好的获取手机的屏幕宽度和高度,第1张

一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。

有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。

问题一：如何获取Android手机屏幕高宽值 DisplayMetrics metrics = new DisplayMetrics()

objActivity.getWindowManager().getDefaultDisplay().getMetrics(metrics)

M_NSCREENWIDTH = metrics.widthPixels屏幕宽度

M_NSCREENHEIGHT = metrics.heightPixels屏幕高度

问题二：android怎么获取屏幕宽度在一个Activity的onCreate方法中，写入如下代码：

DisplayMetrics metric = new DisplayMetrics()

getWindowManager().getDefaultDisplay().getMetrics(metric)

int width = metric.widthPixels屏幕宽度（像素）

int height = metric.heightPixels屏幕高度（像素）

float density = metric.density屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi屏幕密度DPI（120 / 160 / 240）

AndroidManifest.xml文件中，加入supports-screens节点，具体的内容如下：

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

问题三：Android开发怎样获取屏幕的宽高是多少厘米我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸

下面的代码即可获取屏幕的尺寸。

在一个Activity的onCreate方法中，写入如下代码：

[java] view plain copy print?

DisplayMetrics metric = new DisplayMetrics()

getWindowManager().getDefaultDisplay().getMetrics(metric)

int width = metric.widthPixels屏幕宽度（像素）

int height = metric.heightPixels屏幕高度（像素）

float density = metric.density屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi屏幕密度DPI（120 / 160 / 240）

DisplayMetrics metric = new DisplayMetrics()

getWindowManager().getDefaultDisplay().getMetrics(metric)

int width = metric.widthPixels屏幕宽度（像素）

int height = metric.heightPixels屏幕高度（像素）

float density = metric.density屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi屏幕密度DPI（120 / 160 / 240）

但是，需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。比如说，一部240x320像素的低密度手机，如果运行上述代码，获取到的屏幕尺寸是320x427。因此，研究之后发现，若没有设定多分辨率支持的话，Android系统会将240x320的低密度（120）尺寸转换为中等密度（160）对应的尺寸，这样的话就大大影响了程序的编码。所以，需要在工程的AndroidManifest.xml文件中，加入supports-screens节点，具体的内容如下：

[html] view plain copy print?

问题四：Android 如何获得设备触摸板（屏）的长宽 WindowManager wm=(WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE)int width = wm.getDefaultDisplay().getWidth()int height = wm.getDefaultDisplay().getHeight()

问题五：android如何获取屏幕宽度现在获取屏幕宽度一般都是像素。

可以用以下代码：

WindowManager wm = (WindowManager) getContext()

.getSystemService(Context.WINDOW_SERVICE)

int width = wm.getDefaultDisplay().getWidth()

int height = wm.getDefaultDisplay().getHeight()

或者是：

WindowManager wm = this.getWindowManager()

int width = wm.getDefaultDisplay().getWidth()

int height = wm.getDefaultDisplay().getHeight()

问题六：android怎么获取屏幕的宽度在一个Activity的onCreate方法中，写入如下代码： DisplayMetrics metric = new DisplayMetrics()getWindowManager().getDefaultDisplay().getMetrics(metric)int width = metric.widthPixels屏幕宽度（像素） int height = metric.heightPixels屏幕高度（像素） float density = metric.density屏幕密度（0.75 / 1.0 / 1.5） int densityDpi = metric.densityDpi屏幕密度DPI（120 / 160 / 240）AndroidManifest.xml文件中，加入supports-screens节点，具体的内容如下：这样的话，当前的Android程序就支持了多种分辨率，那么就可以得到正确的物理尺寸了。

问题七：js网页如何获取手机屏幕宽度 ]@]@]

@sssss

var x = navigator

var w=window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight

document.getElementById(p1).innerHTML=屏幕分辨率:+screen.width + * + screen.height+内部窗口: + w + * + h

不知道是不是这个屏幕分辨率：pc上的桌面分辨率。手机上是一个型号固定的分辨率比如

华为8813的分辨率是480*854。。内部窗口是改变窗口大小刷新一下就有新的数据