Phonegap方向偏好取决于屏幕大小

Question

我正在构建一个带有phonegap的多平台应用程序。 在普通和大屏幕上，应用程序更容易在风景上使用，但在小型设备（即手机或自举超小设备）上，它更容易在肖像中使用。

我想知道是否有办法使用config.xml强制取决于屏幕的大小。 我已经浏览了网站寻找答案，但我只找到了具体的平台答案。但我的应用程序是HTML5中的Web应用程序，因此我没有任何清单或plist。

这就是我想使用config.xml文件的原因。

编辑：

谢谢！我尝试了yoik插件，但我无法弄清楚如何导入插件。我试着添加：

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

在我的config.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 才能做到这一点（至少对所有平台而言）。如果您不一定要使用 config.xml ，则可以使用yoik的this方便插件。该插件的使用示例

// set to either landscape
screen.lockOrientation('landscape'); // Or portrait

// allow user rotate
screen.unlockOrientation();

只需将锁定放入 deviceReady 事件处理程序中，并使用适当的条件来匹配屏幕大小要求。