Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
检测移动设备是否使用javascript的最简单方法_Javascript - Fatal编程技术网

检测移动设备是否使用javascript的最简单方法

检测移动设备是否使用javascript的最简单方法,javascript,Javascript,检测设备是否为带有javascript的移动设备的最简单方法是什么 我在考虑检查高度是否小于或等于iPhone的浏览器视口高度。说到这一点,iPhone或移动设备的通用视口高度是多少 我在window.height方面遇到了一些问题在javascript中,因为它返回时未定义,但是 有人知道如何做得最好,并且只需检测浏览器是否是带有javascript的移动设备吗?这就是我的爱好项目: var Environment = { //mobile or desktop compatible

检测设备是否为带有javascript的移动设备的最简单方法是什么

我在考虑检查高度是否小于或等于iPhone的浏览器视口高度。说到这一点,iPhone或移动设备的通用视口高度是多少

我在
window.height方面遇到了一些问题在javascript中,因为它返回时未定义,但是


有人知道如何做得最好,并且只需检测浏览器是否是带有javascript的移动设备吗?

这就是我的爱好项目:

var Environment = {
    //mobile or desktop compatible event name, to be used with '.on' function
    TOUCH_DOWN_EVENT_NAME: 'mousedown touchstart',
    TOUCH_UP_EVENT_NAME: 'mouseup touchend',
    TOUCH_MOVE_EVENT_NAME: 'mousemove touchmove',
    TOUCH_DOUBLE_TAB_EVENT_NAME: 'dblclick dbltap',

    isAndroid: function() {
        return navigator.userAgent.match(/Android/i);
    },
    isBlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    isIOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    isOpera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    isWindows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    isMobile: function() {
        return (Environment.isAndroid() || Environment.isBlackBerry() || Environment.isIOS() || Environment.isOpera() || Environment.isWindows());
    }
};

您关于使用维度的解决方案不是一个好的解决方案。它取决于实际设备尺寸和许多其他变量。

请参阅@TamilSelvan ah,好的。那么我使用
window.height
并将其与iPhone浏览器视口高度进行比较的解决方案呢。知道怎么做吗?@TamilSelvan啊,好的。谢谢你这看起来不错!谢谢分享。但我将如何实现或使用它?例如,我是否只执行
if(isMobile()){//myCodeHere}
您的代码与此有什么区别,或者这只是一个更简洁的版本
if(/Android | webOS | iPhone | iPad | iPod | BlackBerry/i.test(navigator.userAgent)){//some code..}
区别在于我的代码更易使用,可读性更强。每当您想要检测移动环境时,您都必须编写那么长的if语句,并且可能容易出错,而使用mines,它只是
environment.isMobile()
函数调用。要使用它,可以将该代码包含在一个javascript文件中。然后简单地执行
if(Environment.isMobile()){…}