logo标签列表

在iPhone上（Safari浏览器），网站JavaScript无法运行

javascriptjqueryiphonemobile-safari
9

我这里没有具体的代码可以提供，我的网站包含大量JavaScript / jQuery，在Android和现代桌面浏览器（包括Safari）上运行良好。但是，当我在iPhone上查看网站时，没有任何JavaScript运行。

网站是www.alexchapman.co.uk，我已经检查了iPhone上的js是否启用，并且我在手机上没有收到任何错误消息。该网站有点慢，因此我通过Wi-Fi连接在iPhone上连接到该网站。

我的问题是从哪里开始解决这个问题。我没有Mac电脑。是否有类似于Firbug或IE开发工具的iPhone应用程序，可以尝试查看这里发生了什么？ 我尝试了Electronic Mobile Simulator，但是它显示网站正常运行（尽管我意识到这不是真正的iPhone仿真）

是否有人遇到过类似的问题？

1
如果你还没这样做，并且可以的话，我建议在不止一个手机上进行测试。这将让你更好地了解是网站出现了问题还是只是该手机的问题。 - Anthony Grist
5个回答
4

您可能希望打开调试控制台。我注意到您的页面上发现的最后一个错误是“JavaScript：Error：undefined。 JavaScript执行超时”。

那就是 iPhone 调试控制台。 - JayC
1
这就是我正在寻找的，谢谢 - 尽管现在我将打开另一个问题，看看是否有人知道如何解决这个问题，而不必再次将我的javascript拆分成单独的文件。如果JayC的链接对任何人都不起作用。在iPhone上启动调试控制台的说明是Settings->Safai-> Developer (在底部)->打开调试控制台（上帝知道他们为什么要在7页上分散该信息） - SwiftD
1
有一些解决方法可以测试iPhone。尝试其中之一this tips。您可以租用Mac，使用虚拟机，构建Hackintosh或使用具有测试资源的开发者工具。
然而，仅在iPhone上查看网站是不足以解决问题的。如果您需要调试，则可以通过Chrome Dev Tools进行操作。请参阅this tutorial。
这些资源可以帮助您发现解决方案。
0

我刚在 Webkit 中查看了你的网站，它抱怨你的 viewport meta 标签。不要使用分号来分隔 viewport 内容参数，而是使用逗号。像这样：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
谢谢关注，我已经进行了修正以确保没有问题，但这并不是问题的原因，问题仍然存在。 - SwiftD
0

如果在Safari设置下启用了弹出窗口拦截器，请将其禁用。

-1

这个网站似乎不适合在移动设备上浏览。我建议您设计一个专门为移动浏览而简化的网站。这样，您可以根据屏幕大小、触摸灵敏度和性能来定制您的HTML/Javascipt。您可以使用相同的URL，并根据浏览器类型（移动或非移动）重定向到适当的网站。如果您决定采取这种方式，我建议您研究一下Javascript库，如JQuery Mobile。

对不起，我的回答本意是作为评论的，但由于我是新用户，无法在原帖中添加评论选项。 - Nader Chehab
感谢您的帖子，虽然上面的回答没有解决我的问题，但我已经投票支持了您的回答，因为它提供了很好的信息 - 我之前不知道有一个jQuery移动库。现在我并不打算创建一个单独的移动站点，但以后可能会考虑，到那时我一定会去查看jQuery移动库。 - SwiftD
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接