gpt4 book ai didi

javascript - js/jQuery 可以确定 iPhone 的方向吗?

转载 作者:行者123 更新时间:2023-12-03 18:19:28 25 4
gpt4 key购买 nike

出于好奇,我一直在使用 jQuery 来确定浏览器的屏幕尺寸,我突然想到屏幕尺寸可以用来确定访问者是否使用 iPhone/iTouch 来查看网站。

所以我使用以下方法来测试这一点:

$(document).ready(

function() {

var screenX = screen.width,
screenY = screen.height;

alert("X: " + screenX + " Y: " + screenY);

if (screenX == 320 && screenY == 396) {
$('div#wrap').css('background-color','#f00');
}

else if (screenY == 320 && screenX == 396) {
$('div#wrap').css('background-color','#0f0');
}
}
);

通过 iPhone 查看页面时,我注意到尺寸是一致的(无论方向如何):

x:320,y:396

这与方向无关。到目前为止,我还没有尝试使用 onChange 事件来检测更改(主要是因为我对 jQuery 还很陌生),但我想知道是否有一种方法可以通过 jQuery 来确定或者纯 JavaScript,iPhone/iTouch 的方向?

最佳答案

window.orientation会给你一个表示旋转的整数。您可以通过向正文添加事件来监听方向变化:

<body onorientationchange="updateOrientation();">
<小时/>

万一链接失效或在某个时刻被移动:

Value  |  Description
-------+-------------------------------------------------------------------------------
0 | Portrait orientation. This is the default value.
-90 | Landscape orientation with the screen turned clockwise.
90 | Landscape orientation with the screen turned counterclockwise.
180 | Portrait orientation with the screen turned upside down. This value is currently not supported on iPhone.

关于javascript - js/jQuery 可以确定 iPhone 的方向吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2323281/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com