个人中心
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
文章推荐： iphone UISearchBar 完成按钮始终启用
文章推荐： backbone.js - 主干模型给 this.set 不是 Model.initialize 中的函数
文章推荐： regex - perl regex 查找任何 5 的倍数
文章推荐： iphone - 如何设置iPhone中Tab栏项目1默认选中？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com