首页 / JAVASCRIPT / Javascript方向更改不适用于iPad上的PhoneGap

Javascript方向更改不适用于iPad上的PhoneGap

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript方向更改不适用于iPad上的PhoneGap，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1476字，纯文字阅读大概需要3分钟。

内容图文

我正在将一本小型HTML / CSS / Javascript驱动的网络杂志改编为具有出色移动框架PhoneGap的iPad iApp.一切工作都很好,除了方向从纵向模式更改为横向模式.

我在index.html(肖像)的标头中使用以下Javascript代码：

  var isiPad = navigator.userAgent.match(/iPad/i) != null;
  var isiPhone = navigator.userAgent.match(/iPhone/i) != null;

  function updateOrientation() {
   if (isiPad || isiPhone) {
    switch (window.orientation) {
     case 90:
      window.location = "index_landscape.html";
      break;
     case -90:
      window.location = "index_landscape.html";
      break;
    }
   }
  }

具有以下正文标签：

<body onorientationchange="updateOrientation();">

如果将iPad旋转至横向模式,则不会更改为index-landscape.html.

有人知道问题出在哪里吗？
在PhoneGap框架内更改方向时,是否可以更改HTML文件？
换句话说,我只能在PhoneGap中使用一个HTML文件(index.html),而必须使用CSS进行方向更改吗？

如果我使用iPad Safari浏览器将该应用程序作为网站签出,则方向更改可以正常进行.

谢谢你的帮助！

解决方法:

我刚刚找到了解决该问题的另一种方法.我将body onl oad函数与phonegap.js中的onDeviceReady函数一起使用来检查方向：

以下javascript代码现在可以正常运行：

    function onl oad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    function onDeviceReady() {
        document.addEventListener("orientationChanged", updateOrientation);
    }

    function updateOrientation(e) {
        switch (e.orientation) {
            case 90:
                window.location = "index_landscape.html";
                break;
            case -90:
                window.location = "index_landscape.html";
                break;
        }
    }

更新：这在两年前与旧版本的Phonegap和iOS SDK一起使用时有效,但是据一些用户说,它不再起作用了.

内容总结

以上是互联网集市为您收集整理的Javascript方向更改不适用于iPad上的PhoneGap全部内容，希望文章能够帮你解决Javascript方向更改不适用于iPad上的PhoneGap所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/651595.html

来源：【匿名】