音间距方向首选项取决于屏幕尺寸

Question

我正在构建一个带有phonegap的多平台应用程序。在普通和大屏幕上，该应用程序更容易在横向上使用，但在小型设备（即手机或引导超小型设备）上，它更容易在纵向中使用。

我想知道是否有办法使用 config.xml 根据屏幕大小强制方向。我已经在网站上寻找答案，但我只找到了特定的平台答案。但是我的应用程序是HTML5中的Web应用程序，所以我没有任何清单或plist。

这就是为什么我想使用 config.xml 文件。

编辑：

谢谢！我尝试了yoik插件，但我不知道如何导入插件。我试图添加：

<gap:plugin name="net.yoik.cordova.plugins.screenorientation" />

在我的配置中.xml但它似乎不起作用。

我的代码现在是这样的：

function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }
    // device APIs are available
    //
    function onDeviceReady() {
        if (window.outerWidth < 768) {
            screen.lockOrientation('portrait');
            document.location.href = 'www.site.com';
        }
        else {
            screen.lockOrientation('landscape');
            document.location.href = 'www.site.com' ;
        }
    }

Answer 1

我认为没有办法仅通过 config.xml 来做到这一点（至少对于所有平台）。如果您不一定必须使用配置.xml，则可以使用 yoik 的这个方便的插件。该插件的使用示例

// set to either landscape
screen.lockOrientation('landscape'); // Or portrait
// allow user rotate
screen.unlockOrientation();

只需将锁定放入具有适当条件的 deviceReady 事件处理程序中即可，以匹配屏幕大小要求。