Impact如何知道设备是台式机、手机、平板电脑等(任何设备)？

Question

我是HTML5和Impact的新手。我将开始使用HTML5，Javascript进行编程。我听说Impact是Javascript最好的2D引擎之一，所以我想买下它，试一试。但在此之前，我想要确保影响和Javascript将检测到我所在的设备，并为此进行调整。

我希望该页面确定任何类型的设备，如Nexus7，iPhone，iPad，平板电脑，或任何媒体设备。屏幕尺寸如何，因为这是所有这些设备都不常见的东西。iPhones的像素比你的更小、更便宜的安卓设备更多。

Impact的成本约为99.99，所以我想确定它是否能做到这一点，以及它是否需要HTML5代码来检查移动设备，或者它是否会自动调整屏幕尺寸。

我的问题是，Impact (Javascript或HTML5)如何知道设备是便携、移动还是平板设备？

代码是自动调整的吗?如果是，它如何调整图形和其他按钮，使它们仍然足够大以供使用？

Answer 1

通过查看用户代理字符串、IP地址、时间(在某些情况下)、网络和多年来收集了大量设备数据的数据库之一，可以很好地缩小正在使用的设备的范围，特别是如果它是最有可能使用的流行设备。WURFL is one。

Answer 2

Impact是声称可以检测所有类型设备的产品之一。就像WUFRL一样。但我认为，他们的说法有50%或更多是错误的。

您只能检测到用户配置的三个特征:屏幕大小、屏幕类型(触摸/正常)和浏览器类型+版本。当涉及到设备类型检测时，后者几乎是无用的，所以只剩下前两个。

有了这两种剩余的设备，仍然只能粗略地区分手机和tablets.The手机越来越大，安卓平板电脑制造商越来越多地为低端市场生产小型平板电脑。

我建议你使你的网站适合1024屏幕作为一个标准，因为这将很好地显示在大多数平板电脑和台式机和笔记本电脑。并为手机创建一个单独的网站/页面--假设你的客户愿意为此付费。如果他/她是，只需在两个网站上放置指向另一个网站的按钮。因此，拥有大型平板电脑的用户可以切换到台式机版本，而拥有小型平板电脑的用户可以切换到桌面版本，反之亦然。

在我看来，这是处理不同屏幕尺寸的最好方法。如果只是因为编写一个可以根据屏幕大小进行调整的站点，并且仍然可以生成一个看起来很专业的站点，那么整个都需要大量的知识。要区分触摸屏和普通设备，你不需要Impact。只要看看，就可以找到一个简短而简单的Javascript，它可以做得完全一样，甚至更好。

Answer 3

您可以使用Impacts ig.ua.*属性来检查特定设备。只要加载主impact.js文件，就可以使用ig.ua。

if( ig.ua.mobile ) {
    // Disable sound for all mobile devices
    ig.Sound.enabled = false;
}

if( ig.ua.iPhone4 ) {
    // The iPhone 4 has more pixels - we'll scale the 
    // game up by a factor of 4
    ig.main('#canvas', MyGame, 60, 160, 160, 4);
}
else if( ig.ua.mobile ) {
    // All other mobile devices
    ig.main('#canvas', MyGame, 60, 160, 160, 2);
}
else {
    // Desktop browsers
    ig.main('#canvas', MyGame, 60, 240, 160, 2);
}

您甚至可以通过使用media-queries设置样式来更改布局。

@media screen and (min-width: 1200px) {
    #canvas{
        width:600px;
    }
}
@media screen and (max-width: 320px) {
        #canvas{
            width:160px;
        }
    }

媒体查询基于浏览器窗口大小，而不是设备大小。