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

时间:2012-05-12 01:43:03

标签: sencha-touch-2

我正在学习Sench Touch 2.我想如果我希望我的应用程序对手机与平板电脑平台“响应”,我可以使用Profiles

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()

我想知道我是否正在使用Profiles做正确的事情?例如,我可能希望我的应用在平板电脑上显示列表和详细信息视图,以及列表,为详细信息视图设置动画 在电话上。如果是这样,我是否需要一个真正的平板电脑/手机才能测试此配置文件?

2 个答案:

答案 0 :(得分:4)

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

此处示例:

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

答案 1 :(得分:0)

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

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

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