网站无法在苹果设备上运行

Question

我最近在做一个小项目。它在 windows、android 和其他手机上运行良好。但不能在苹果设备（iphone ipad）上正常工作。我已经在 iphone4s、5 和 ipad (os7) 上对其进行了测试。 以下是几个问题：

1. 有时图片无法加载（我使用 php 查看图片）。
2. 返回主页链接在我使用锚标记 () 上的 java 脚本时不起作用。
3. 登录系统问题（javascript 函数在单击时触发，它会显示安全弹出窗口）有时它不会加载安全框，或者如果加载，则无法验证代码。

在这里找到屏幕截图http://blackspidercreations.com/apple/screen.docx

所以，但我犯的错误是，我已经在许多苹果模拟器上测试过网站，比如 browerstack ipadpreview 等。它们都工作得很好。请帮帮我。

项目链接：blackspidercreations.com/cs

提前致谢。

Answer 1

虽然我不能在没有看到代码的情况下回答第 2 点或第 3 点，但我曾经在为 iPhone 开发时遇到过类似的图像问题。确保图像大小适合显示。如果图像太大，iPhone 根本不会显示它们。

Answer 2

如果不查看代码，很难猜测图像问题。

当您与网页交互时，Apple 移动设备实际上不会触发点击事件。因此，如果您使用 jquery 来执行 .click 事件，这就是它不起作用的原因。不过，有一个相对简单的解决方法，将所有 .click 事件切换到以下内容。

$(document).on("click touchstart", "#thing", function() { });