如何为不同设备的应用程序加载自定义视图模型?

时间:2017-04-18 10:34:44

标签: jquery css viewport dpi

我在Jquery下面使用浏览器窗口获取 dpi ,并希望在我的应用不同设备上加载不同的布局模型

$("body").append("<div style='poosition:fixed;width:1cm;height:1cm;
'class='SCREENDPITEST'></div>")
var dpi = Math.floor($(".SCREENDPITEST").width() * 2.54);
)

并希望使用服务,语法如下:

 Fetch deviceCode /api/client/ui/device?dpi=96&height=1920&width=1080

根据以上三个属性,任何人都可以建议我应该遵循什么矩阵来获取布局模型。或欢迎任何新的建议。

1 个答案:

答案 0 :(得分:0)

我的申请也有同样的问题。解决问题的方法很少:
1.您可以使用用户代理检测移动设备: https://webmasters.googleblog.com/2011/03/mo-better-to-also-detect-mobile-user.html

但是用户代理的问题是它们可以被操纵(作为标题的一部分)。 因此,如果您的应用程序交易存在安全问题,我不会推荐它。

2。您可以使用少量应用来检测设备dppx和屏幕宽度。然后为不同的设备和dppx创建矩阵,并推断出它是移动设备或桌面设备。

我不建议继续推行新闻部。 您可以清楚地了解以下博客中的原因:https://medium.com/@pixelthing/jonesing-for-dpi-and-dppx-45c6245f6ffc