为什么我的 Javascript 网页无法在 iPad/iPhone 上运行？答案

【问题标题】：Why does my Java-Script webpage not work on iPad/iPhone?为什么我的 Javascript 网页无法在 iPad/iPhone 上运行？
【发布时间】：2013-12-23 07:40:42
【问题描述】：

我是 java-script/html/css 领域的初学者。我的第一个项目是this web-quiz。我目前正在mac上使用eclipse进行开发。到目前为止，网络测验可以在我的台式计算机上与 safari、firefox 和 chrome 一起使用。最初它在 iPad 和 iPhone 上也可以正常工作，但突然之间就不行了：-/ 在桌面上它仍然可以工作，但 iPad/iPhone 只显示网页的“静态”html 版本。

如果您查看上面的链接，网络测验由两个 html 表格构成。第一个是由图像表示的 4*3 网格问题。第二个表显示了一个带有 4 个答案选项的图像。 JavaScript 用于在这两个表之间切换（显示/隐藏）。

在 iPhone/iPad 上打开网页时，似乎 Java-Script 已禁用，例如两张表静态排列在一张下方……但在所有测试浏览器上都启用了 JavaScript！

如果你们中的一位专业人士可以快速查看web-quiz 并指导我走向正确的方向，那就太好了。

【问题讨论】：

在我看来，JavaScript 文件的路径似乎是您计算机的本地路径。请务必检查以确保路径在您的 iphone/ipad 上有效。
我只引用“code.jquery.com/jquery-1.4.4.min.js”。所有其他 java 脚本代码都在 index.html 中。
评论以某种方式删除了前缀“http://”...链接有效为“http://”...
在我的浏览器中进行的测试显示它的工作原理完全相同，只是看起来非常非常小。当我测试 Iphone 时，我确实注意到了您所描述的内容，两个静态表相互重叠。但是，过了一会儿，javascript 加载了，它们最终看起来就像我相信你想要的结果。
这很奇怪。我使用下面提到的警报框上传了新代码。此框现在出现在所有测试设备上。但在我的 iPhone 和 iPad 上它仍然无法正常工作。似乎没有执行java脚本，尽管启用了java脚本并且缓存被清空。还有什么想法吗？

标签： javascript html iphone css ipad

【解决方案1】：

您的代码有效，但是由于您的声音文件，表格出现异常的原因。如果您查看 Web 浏览器的网络控制台，您会发现 wav 文件需要很长时间才能加载。这个时间意味着 javascript 在获取这些文件之前无法进行。代码本身可以工作，但是您将表格视为静态的原因是由于延迟。如果您仔细看，您实际上可以看到页面仍在加载，12 秒是我获取所有 wav 文件的时间。这意味着格式化您的样式的 javascript 至少在此时间之后才会加载。

在您的 ipad 上重试，但这次请确保页面已完全加载。

【讨论】：

太棒了！我取消了所有与音频相关的代码的注释，现在它适用于所有设备。谢谢。

【解决方案2】：

几件事。这可能是一个参考问题（尽管仅根据您的写作很难判断）。要快速测试它，请将其放入您的 JavaScript 代码中。

$(document).ready(function(){
    alert("We accessed the Javascript");
});

如果您收到警报，那么这是一个好兆头。如果它不起作用，那么您显然没有正确引用文件。

【讨论】：

其实用window.onload = function(){ alert("We访问Javascript");
好的，我尝试将该代码插入到 html 头部和主体的
好的，警告框现在出现在所有测试设备（iPad、iPhone、网络浏览器）上。
...但测验仍然只适用于桌面浏览器而不适用于移动设备：-/我上传了新版本...