<分区>
标签 javascript html css cordova
我正在构建一个 PhoneGap 跨平台混合应用程序。
在我的应用程序中,我支持 iPad 和 iPhone。
两种设备的用户界面不同,但业务逻辑相同。
所以问题是我如何为两个不同的设备拖曳不同的用户界面(HTML/CSS),为两个设备使用通用的业务逻辑代码(JavaScript)。
我只想重写应用程序的 UX/UI 并重用与业务逻辑相关的代码,我该如何设计我的应用程序才能做到这一点。
最佳答案
首先,您需要检测您正在运行的平台。有很多方法可以实现这一点,但我只举一个简单的例子(并假设您也在使用 jQuery)
if ( navigator.userAgent.match(/iPad/i)) {
$('head').append('<link rel="stylesheet" href="ipad.css">');
}else if (navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPhone/i) ){
$('head').append('<link rel="stylesheet" href="iphone.css">');
}else{
// up to you here
}
有很多更好的检测平台的方法,但这对初学者来说就足够了。
关于javascript - 如何为 PhoneGap 应用程序提供两种不同的 UX/UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36549031/