Разработка сайта для iPhone без iPhone / Mac

Question

Мне нужно разработать сайт, который будет использоваться исключительно на iPhone и iPad.У меня нет этих устройств, и при этом у меня нет Mac.

Каковы возможные бесплатные решения для меня, чтобы я смог протестировать сайт во время разработки?

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *] * * * * * * * * * * * * *1009* , так как он доступен только для Mac, это не решение в моем случае.

Answer 1

Загрузите Safari 5 для Windows , включите функции меню разработчика и измените пользовательский агент на Mobile Safari iPad или Mobile Safari iPhone. Это позволит вам увидеть, как выглядит ваш сайт, когда его отображает iPad или iPhone. Просто сделайте окно меньше, чтобы получить полный опыт.

Если прогнозы аналитиков верны, то, скорее всего, на eBay появится множество устройств iPhone 3G, поскольку завтра многие люди смогут перейти на iPhone 4. Приобретение дешевого 3G может быть лучшим решением для ваших требований к тестированию.

Или вы можете проверить это в Apple Store, если ваш веб-сайт доступен через Интернет или доступен на ноутбуке с подключением Wi-Fi ad-hoc.

Answer 2

Рекомендуется использовать jsconsole

Удаленная отладка мобильного веб-приложения

jsconsole.com - это простой инструмент командной строки JavaScript.Тем не менее, он также предоставляет возможность соединяться с другими окнами браузера для удаленного управления и отладки этого окна - будь то в другом браузере или на другом устройстве в целом.

На самом деле, отладка мобильного веб-приложения настолько чертовски непроста,что я сдался, и решил построить этот самый инструмент вместо.Посмотрите примеры видео, если вы хотите увидеть это в действии сейчас.

Создание сеанса

Чтобы создать новый сеанс, в командной строке jsconsole просто выполните:

:listen

Это даст уникальный ключ в соответствии с FAE031CD-74A0-46D3-AE36-757BAB262BEA.Теперь, используя этот уникальный ключ, включите любое место в веб-приложении, которое вы хотите отлаживать:

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

Теперь любые вызовы console.log из вашего веб-приложения будут отображать результат в сеансе jsconsole, который прослушиваетк вашему ключу.Точно так же, если вы запустите команду в сеансе jsconsole, код будет внедрен в ваше веб-приложение, а результат будет возвращен в jsconsole.

Помимо создания нового кода с помощью: listen, вы также можете задать jsconsole.чтобы прослушать предопределенный код (но для вашей же безопасности попробуйте выбрать что-то уникальное, что известно только вам):

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

Теперь я могу использовать тот же удаленный ключ в своем веб-приложении, чтобы избежать необходимости перегенерироватьновый код каждый раз.Обратите внимание, что только последний удаленный клиент (т. Е. Ваше веб-приложение), подключившийся к jsconsole, будет принимать удаленные вызовы отладки - предыдущие окна будут игнорироваться.

Чтобы узнать, когда веб-приложение подключилось, 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

Предупреждение

Обратите внимание, что этот метод также вводит код непосредственно в ваше веб-приложение - этот инструмент следует использовать только для отладки.,Я не могу взять на себя ответственность за то, как вы используете этот инструмент, в основном: будьте осторожны!

Текущая известная поддержка

Удаленная отладка была разработана для работы на всех платформах, даже если технология не 'т поддерживается.Тем не менее, удаленная отладка jsconsole специально протестирована и работает на следующих мобильных устройствах (не стесняйтесь добавлять в этот список):

• iOS 4.2.x - iPad, iPhone 4

• Andriod 2.2.2 - Nexus One

• webOS - Palm Pre

Также есть несколько примеров видео

Более подробную информацию смотрите по ссылкам: http://jsconsole.com/remote-debugging.html

Answer 3

Вы можете попробовать что-то вроде:

www.testiphone.com /

Answer 4

Вы можете протестировать свой веб-сайт в любом браузере, но да, мобильный браузер в некоторых случаях может вести себя по-другому.

Если вы не можете найти мобильный браузер-симулятор для iPhone, то «дешевой» альтернативой, вероятно, будет iPod touch.

Обновление:

Возможно, вы захотите взглянуть на iBBDemo :

iBBDemo2 - кросс-платформенный симулятор iPad и iPhone

Answer 5

Веб-сайты не должны быть привязаны к конкретным устройствам.

Это не 1998 год: Best viewed in I.E. На самом деле ваше предложение хуже этого.

Если вы действительно хотите, чтобы сайт работал толькона этих устройствах вам нужно будет проверить строку user-agent, но в противном случае html является html и, в отличие от Apple, может показаться вам верным, работает также на Symbian, Blackberry, Android, S40, Windows, Windows Mobile и т. д.и т.д ..

(На самом деле, он работает лучше на Symbian, поскольку Symbian на самом деле поддерживает Flash.)

Answer 6

Мне нужно разработать веб-сайт , который будет использоваться исключительно на iPhone и iPad

Это кажетсяплохая идеяесли он используется только на iPad / iPhone, вам обязательно нужно написать приложение и получить все преимущества пользовательского интерфейса и т. д.

Answer 7

Здесь есть несколько очевидных вещей:

1) Работайте над тем, чтобы ваш сайт работал во всех основных браузерах - включая Safari и любые другие мобильные устройства, кроме iPad ... это позволит вам убедиться, что он работает на небольших экранах.

2) Ознакомьтесь с известными глюками в этих браузерах и посмотрите, сможете ли вы их избежать.

3) Всякий раз, когда вы находитесь с друзьями, демонстрирующими их iPad, или у которых есть iPhone, попросите проверить на них ваш сайт.