怎样用 JavaScript 准确获取手机屏幕的宽度和高度

怎样用 JavaScript 准确获取手机屏幕的宽度和高度,第1张

documentdocumentElementclientWidth;

documentdocumentElementclientHeight;

这个得到的是设备像素可见宽高,比如iPhone 4s在微信内设置了viewport为1的时候为320416(手机480 - 微信状态栏64), iPhone 5里为320504

Android系统中可以在viewport设置target-densitydpi=device-dpi让viewport的尺寸和屏幕真实尺寸保持一致

//1、在屏幕的右下角显示窗体//这个区域不包括任务栏的Rectangle ScreenArea = SystemWindowsFormsScreenGetWorkingArea(this);//这个区域包括任务栏,就是屏幕显示的物理范围Rectangle ScreenArea = SystemWindowsFormsScreenGetBounds(this);int width1 = ScreenAreaWidth; //屏幕宽度 int height1 = ScreenAreaHeight; //屏幕高度thisLocation = new SystemDrawingPoint(width1 - 窗体宽度, height1 - 窗体高度); //指定窗体显示在右下角//2、在母窗体的中间显示子窗体的位置计算waitFormLocation = new Point((thisLocationX + (thisWidth - waitFormWidth) / 2),(thisLocationY + (thisHeight - waitFormHeight) / 2));Web下:SystemWeb>

width_screen=screenwidth; // 获取宽度

height_screen=screenheight; 高度

availWidth_screen=screenavailWidth;

availHeight_screen=screenavailHeight;

colorDepth_screen=screencolorDepth;

如果是动态获取的话,就自己写一个方法什么的给封装一下,然后加载。

屏幕的长宽就是屏幕的分辨率,用下面的代码实现,每句后面已添加注释

Dim x As Integer, y As Integer '定义2个整数型变量

x = ScreenWidth / ScreenTwipsPerPixelX '获取屏幕宽度

y = ScreenHeight / ScreenTwipsPerPixelY '获取屏幕高度

上面是vb的语法

下面是VbNet的语法:

Dim x, y As Long '定义2个整数型变量

x = ScreenPrimaryScreenBoundsWidthToString '获取屏幕宽度

y = ScreenPrimaryScreenBoundsHeightToString '获取屏幕高度

// 获得屏幕的width

WindowManager wm = (WindowManager) context

getSystemService(ContextWINDOW_SERVICE);

DisplayMetrics outMetrics = new DisplayMetrics();

wmgetDefaultDisplay()getMetrics(outMetrics);

mScreenWidth = outMetricswidthPixels;

上面是示例代码,宽和高都在这个outMetrics的属性中。

记得采纳哦,谢谢!

strInfo+=\r\n网页可见区域高:+documentbodyclientHeight;strInfo+=\r\n网页可见区域宽:+documentbodyoffsetWidth+(包括边线的宽);strInfo+=\r\n网页可见区域高:+documentbodyoffsetHeight+(包括边线的高);strInfo+=\r\n网页正文全文宽:+documentbodyscrollWidth;strInfo+=\r\n网页正文全文高:+documentbodyscrollHeight;strInfo+=\r\n网页被卷去的高:+documentbodyscrollTop;strInfo+=\r\n网页被卷去的左:+documentbodyscrollLeft;strInfo+=\r\n网页正文部分上:+windowscreenTop;strInfo+=\r\n网页正文部分左:+windowscreenLeft;strInfo+=\r\n屏幕分辨率的高:+windowscreenheight;strInfo+=\r\n屏幕分辨率的宽:+windowscreenwidth;strInfo+=\r\n屏幕可用工作区高度:+windowscreenavailHeight;strInfo+=\r\n屏幕可用工作区宽度:+windowscreenavailWidth;windowconfirm(strInfo);</script-----------------------------------------------------------------------------------------最近编程中发现html静态页面的开发可以使用documentbodyClientHeight来获得页面的高度,但aspnet的页面却无法这样获取,获取到的只是页面最小的高度,比如页面只有一个button,那么该js语句获得的就是24。documentdocumentElementOffsetHeight----------------------------------------------------------------------------------------加上documentbodyscrollLeft;documentbodyscrollTop;x=documentbodyclientWidth+documentbodyscrollLeft;y=documentbodyclientHeight+documentbodyscrollTop;若想得到整个页面的高度可以用

width_screen=screenwidth; // 获取宽度

height_screen=screenheight; 高度

availWidth_screen=screenavailWidth;

availHeight_screen=screenavailHeight;

colorDepth_screen=screencolorDepth;

如果是动态获取的话,就自己写一个方法什么的给封装一下,然后加载。

以上就是关于怎样用 JavaScript 准确获取手机屏幕的宽度和高度全部的内容,包括:怎样用 JavaScript 准确获取手机屏幕的宽度和高度、如何获得当前屏幕的高度、html怎么获取屏幕高度和宽度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10121342.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存