Sencha Touch 2:在桌面操作系统(Linux/Windows)上模拟不同的配置文件(手机/平板电脑)



我正在学习Sench Touch 2。我想如果我希望我的应用程序对手机和平板电脑平台"响应",我可以使用配置文件。

Ext.define('Mail.profile.Phone', {
    extend: 'Ext.app.Profile',
    config: {
        name: 'Phone',
        views: ['Main']
    },
    isActive: function() {
        return Ext.os.is.Phone;
    },
    launch: function() {
        Ext.create('Mail.view.phone.Main');
    }
});

我正在使用 Chromium 在 Arch Linux 上进行开发。我安装了已安装的用户代理切换器以假装在平板电脑/手机操作系统上运行,但配置文件似乎没有改变任何内容。我在启动功能中添加了console.log()

想知道我是否将配置文件用于正确的事情?例如,我可能希望我的应用在平板电脑上显示列表和详细信息视图,并将列表设置为详细信息视图在手机上。如果是这样,我是否需要真正的平板电脑/手机来测试此配置文件?

可以追加deviceType=PhonedeviceType=Tablet来模拟这些不同的设备类型。

这里的例子:

http://dev.sencha.com/deploy/touch/examples/production/kitchensink/index.html?deviceType=Phone

我通常只是更改平板电脑和手机配置文件中的"isActive"功能以实现此目的。例如,如果我想在笔记本电脑上测试电话配置文件,我只需像这样更改它:

isActive: function() {
    return !Ext.os.is.Phone;
}

这与它应该是什么完全相反。这实际上是我在平板电脑配置文件中使用的功能。

最新更新