利用JS来判断页面是在手机端还是在PC端打开的方法

利用JS来判断页面是在手机端还是在PC端打开的方法,第1张

windowscreenwidth可以获取到屏幕分辨率的宽,一般根据这个宽度来决定要展示PC还是手机端的布局;比如 小于600px 认定为用户是在手机端打开,大于或等于600px为在PC端打开;

</head>

<p id="p1">sssss</p>

<body>

</body>

</html>

<script>

var x = navigator;

var w=windowinnerWidth

|| documentdocumentElementclientWidth

|| documentbodyclientWidth;

var h=windowinnerHeight

|| documentdocumentElementclientHeight

|| documentbodyclientHeight;

documentgetElementById("p1")innerHTML="<b>屏幕分辨率:</b>"+screenwidth + "" + screenheight+"<b>内部窗口</b>:" + w + "" + h

</script>

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

webviewaddjavascriptinterface可以调用android代码

android可以获得屏幕高度

DisplayMetrics dm = new DisplayMetrics();

getWindowManager()getDefaultDisplay()getMetrics(dm);

int height = dmheightPixels//这个就是屏幕高度了。

webViewaddJavascriptInterface(new WebAppInterface(this), "Android");

这个就创立了一个接口名,叫“Android”,运行在WebView中的JS代码可以通过这个名字调用WebAppInterface类中的showToast()方法:

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">

function showAndroidToast(toast)

{

AndroidshowToast(toast);

}

</script>

可以使用 CSS3 transform:scale(arg1,arg2); 直接将整个DIV或者BODY放大缩小

但你要知道直接这样做,效果肯定不好。 不然自适应和适配就不会成为web工程师的考核点之一了。

以上就是关于利用JS来判断页面是在手机端还是在PC端打开的方法全部的内容,包括:利用JS来判断页面是在手机端还是在PC端打开的方法、js获取手机屏幕的尺寸,主要是高度、android 开发中 怎么用js获取手机屏幕高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存