DevExpress - 如何检测我们正在运行的设备

Question

我已经下载了 Devextreme 包并安装它并使用他们的模板在 VS 中创建了一个项目。

我使用 iPad 尺寸和 iPhone 尺寸创建了一个简单的“hello world”dxview。

现在我希望在第一次加载时加载正确的视图，如下所示：

if (runningOnTablet)  <-- THIS IS THE QUESTION!
   DevExtremeIPad.app.router.register(":view/:id", { view: "pgIPad", id: undefined });
else
   DevExtremeIPad.app.router.register(":view/:id", { view: "pgIPhone", id: undefined });

如何使用相同的代码库（视图模型等）编写在 iPad 和 iPhone 上看起来不错的视图

我创建了其他在 iPhone 上看起来不错的示例视图，因此在 Android 上也是如此，但如果用户使用平板电脑，我希望呈现不同的视图！

谢谢

Answer 1

使用devices object，例如：

var defaultView = DevExpress.devices.current().tablet ? "pgIPad" : "pgIPhone";
DevExtremeIPad.app.router.register(":view/:id", { view: defaultView , id: undefined });

Answer 2

替代方法

如果您的项目中有 index.js，请查找类似的内容

var device = DevExpress.devices.current();
alert(device.platform) ;