Question

我将Phonegap用于移动应用程序。现在我想检测是否有智能手机或平板电脑？

我认为：

var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);

如果我有Android智能手机或平板电脑，

将无效。

@Media库也不是我想要的，因为平板电脑和智能手机可以具有相同的分辨率（所以宽度不能在平板电脑和智能手机之间决定）。

还有另一种检测方法吗？我真的很感激你的帮助。

Answer 1

您有一个cordova插件，可以确定Android和iOS上的设备是否是平板电脑。你可以在这里找到这个插件：istablet

Answer 2

最好的方法是创建一个js文件并编写你的条件来检查js中的设备，然后动态加载样式表这样的东西

在你的html（index.html）

中

<head>
   //headers.............
   <script type="text/javascript" src="js/styles.js"></script>
  //headers..............
</head>

在styles.js

中

if ((navigator.platform=="iPhone"))
    { 
        document.write('<link href="css/iphone.css" type="text/css" rel="stylesheet" />');
    }
    else
    { 
        document.write('<link href="css/ipad.css" type="text/css" rel="stylesheet" />');
    }

像这样的地方，iphone.css和ipad.css是相应的不同样式表

Phonegap使用相同的分辨率检测平板电脑或智能手机

2 个答案: