文章/答案/技术大牛

发布

社区首页 >问答首页 >使用相同分辨率的Phonegap检测平板电脑或智能手机

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

Stack Overflow用户

提问于 2015-06-25 07:05:01

回答 2查看 1.7K关注 0票数 0

我正在使用Phonegap作为移动应用程序。现在我想检测一下有没有智能手机或平板电脑？

我认为是这样的：

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

如果我有一部android智能手机或平板电脑，我将无法工作。

@Media库也不是我想要的，因为平板电脑和智能手机可以有相同的分辨率(所以width px不能决定平板电脑和智能手机)。

有没有其他方法可以检测到它？如果你能帮助我，我会非常感激的。

responsive-design

android

css

cordova

回答 2

Stack Overflow用户

发布于 2015-06-25 17:05:41

你有一个cordova插件来判断设备是否是安卓和iOS上的平板电脑。你可以在这里找到这个插件：istablet

票数 1

Stack Overflow用户

发布于 2015-06-25 19:15:32

最好的方法是创建一个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是相应的不同样式表

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31038613

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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