在没有iPhone / Mac的情况下为iPhone开发网站

时间:2010-06-23 09:32:44

标签: iphone safari cross-browser

我需要开发一个专门用于iPhone和iPad的网站。我没有这些设备,也没有Mac。

在开发过程中,我可以使用哪些免费解决方案来测试网站?

most obvious one将使用iPhone SDK,但由于它每年花费100美元但由于它仅适用于Mac,因此在我的情况下它不是解决方案。 / p>

7 个答案:

答案 0 :(得分:1)

您可以在任何浏览器中测试您的网站,但是,移动浏览器在某些方面可能表现不同。

如果你找不到适用于iPhone的mobile web browser simulator,那么“最便宜的”替代品可能就是iPod touch。

<强>更新

您可能需要查看iBBDemo

  

iBBDemo2 - 跨平台iPad和iPhone模拟器

答案 1 :(得分:1)

您可以尝试使用以下内容:

www.testiphone.com/

答案 2 :(得分:1)

Download Safari 5 for Windows,启用开发人员菜单功能,并将用户代理更改为Mobile Safari iPad或Mobile Safari iPhone。这将让您了解当iPad或iPhone呈现时您的网站的外观。只需缩小窗口即可获得完整体验。

如果分析师的预测是正确的,很快就会有很多iPhone 3G设备在eBay上,因为很多人明天都有资格升级到iPhone 4。提供廉价的3G可能是您的测试要求的最佳解决方案。

或者,如果您的网站可以通过互联网访问,或者可以通过带有临时WiFi连接的笔记本电脑在Apple Store上进行测试,那么您可以在Apple Store进行测试。

答案 3 :(得分:1)

建议您使用jsconsole

远程调试移动Web应用程序

jsconsole.com是一个简单的JavaScript命令行工具。但是,它还提供了桥接到其他浏览器窗口以远程控制和调试该窗口的能力 - 无论是在另一个浏览器还是其他设备中。

事实上,移动网络应用程序调试非常棘手,我放弃了,并决定构建这个非常好的工具。如果您现在正在查看此操作,请参阅视频示例。

创建会话

要创建新会话,请在jsconsole提示符中运行:

:listen

这将产生沿FAE031CD-74A0-46D3-AE36-757BAB262BEA的独特键。现在使用此唯一键,在Web应用程序中包含您要调试的任何位置:

<script src="http://jsconsole.com/remote.js?FAE031CD-74A0-46D3-AE36-757BAB262BEA"></script>

现在,从您的Web应用程序调用console.log将在正在侦听您的密钥的jsconsole会话中显示结果。同样,如果您在jsconsole会话中运行命令,代码将注入您的Web应用程序并将结果返回给jsconsole。

除了使用:listen生成新代码之外,您还可以让jsconsole听取预定义的代码(但为了您自己的安全性,尝试选择只有您知道的独特代码):

:listen FAE031CD-74A0-46D3-AE36-757BAB262BEA

现在我可以在我的网络应用程序中使用相同的远程密钥,以避免每次都重新生成新代码。请注意,只有连接到jsconsole的最后一个远程客户端(即您的Web应用程序)才会收到远程调试调用 - 以前的窗口将被忽略。

要知道网络应用何时连接,jsconsole将通过显示设备的userAgent字符串来通知您:

:listen FAE031CD-74A0-46D3-AE36-757BAB262BEA
Creating connection...
Connected to "FAE031CD-74A0-46D3-AE36-757BAB262BEA"
Connection established with Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-GB; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8

一句警告

请注意,此技术还会将代码直接注入您的Web应用程序 - 此工具仅应用于调试。我无法理解你如何使用这个工具,基本上是:小心!

目前已知的支持

即使不支持该技术,也已开发出可在所有平台上运行的远程调试。但是,jsconsole远程调试已经专门测试并在以下移动设备上工作(随意添加到此列表中):

  • iOS 4.2.x - iPad,iPhone 4

  • Andriod 2.2.2 - Nexus One

  • webOS - Palm Pre

也有一些视频示例

更多详细信息请看这个链接: http://jsconsole.com/remote-debugging.html

答案 4 :(得分:0)

这里有一些显而易见的事情:

1)努力使您的网站适用于所有主流浏览器 - 包括Safari和iPad以外的任何其他移动设备......这样可以确保它在较小的屏幕上正常工作。

2)阅读这些浏览器中的已知故障,看看是否可以避免它们。

3)每当您与朋友炫耀他们的iPad或拥有iPhone时,请在其上测试您的网站。

答案 5 :(得分:0)

  
    

我需要开发一个网站,它将在iPhone和iPad上独占

  

这似乎是一个坏主意。如果它只在iPad / iPhone上使用,你肯定应该编写一个应用程序,并获得UI等的所有好处。

答案 6 :(得分:-2)

网站不应与特定设备绑定。

这不是1998年:Best viewed in I.E.事实上你的建议比这更糟糕。

如果你真的想要一个只适用于那些设备的网站,那么你需要检查用户代理字符串,但是否则html是html,不像Apple想要你相信的那样,在Symbian上工作得很好,黑莓,Android,S40,Windows,Windows Mobile等。

(事实上,它在Symbian上效果更好,因为Symbian实际上支持Flash。)