在 Jquery Mobile 或 PhoneGap 中禁用自动旋转答案

【问题标题】：Disable auto-rotate in Jquery Mobile or PhoneGap在 Jquery Mobile 或 PhoneGap 中禁用自动旋转
【发布时间】：2011-08-28 11:40:48
【问题描述】：

虽然移动设备的跨平台开发非常好。没有一个简单的选项可以禁用自动旋转或锁定到一个方向，即纵向或横向。

在 Jquery Mobile、PhoneGap、XUI 中是否有任何地方？

如果是，请帮助。它快把我逼疯了。

【问题讨论】：

标签： jquery iphone mobile cordova mobile-website

【解决方案1】：

完成以上答案。

在 iPhone 上将此添加到 -info.plist：

<dict>
`.....
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationPortraitUpsideDown</string>
    </array>
..........
</dict>

在 Android 上到 AndroidManifest.xml

<activity   ........      android:screenOrientation="portrait">

【讨论】：

有没有办法即时执行此操作？例如，我有 2 个页面不需要支持方向更改，但有一个页面支持。任何 jquery mobile 都支持这个？

【解决方案2】：

对于 iOS，编辑 PhoneGap.plist 文件（例如在 Xcode 中）。确保只设置纵向并取消选中自动旋转。

在 Android 上，您需要编辑 AndroidManifest.xml。在活动中添加android:screenOrientation="portrait"。

【讨论】：

【解决方案3】：

Cordova 允许您在 config.xml 中进行设置

只需在<widget></widget> 标签中添加这一行：

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

你也可以使用上面的landscape来达到相反的效果。

Source: Apache Cordova DOcumentation - The config.xml File

【讨论】：

【解决方案4】：

在 PhoneGap 上，您现在可以在 config.xml 文件中指定 应用程序范围（请注意，您将不会再收到任何 orientationchange 事件，所以如果您只想在某些页面上启用/禁用自动旋转，这不是正确的解决方案）

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

【讨论】：