如何在 phonegap 中使用插件来改变屏幕方向？

Question

我的 phonegap 应用程序应该以纵向运行。只有一页 (index.html) 应以横向模式运行。然后我找到了这个插件，但对我不起作用。

cordova plugin add net.yoik.cordova.plugins.screenorientation

在config.xml中：

<preference name="orientation" value="portrait" />

Index.html:

<html>
<head>
<title>App</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script>
var so = cordova.plugins.screenorientation;
so.setOrientation(so.Orientation.LANDSCAPE);
</script>

对于 android，应用程序 returns 一个错误 App has stopped。

对于 iPhone，没有任何反应。

Answer 1

先添加这个脚本

<script type="text/javascript" src="cordova.js"></script>

然后在另一个脚本标签内

<script>
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady()
    {

       var so = cordova.plugins.screenorientation;
       so.setOrientation(so.Orientation.LANDSCAPE);
    }
</script>

Answer 2

您似乎在使用 v1.0 之前存在的旧 API。也许您在旧博客上找到了示例 post?

无论如何见plugin documentation。使用当前的 API 它将看起来像：（必须在设备准备好之后）

<script>
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady()
    {
        screen.lockOrientation('landscape');
    }
</script>

如何在 phonegap 中使用插件来改变屏幕方向？

How use plugin in phonegap for change screen orientation?

android

iphone

cordova

screen-orientation