Мне нужно разработать веб-сайт, который будет использоваться исключительно на iPhone и iPad. У меня нет этих устройств, и у меня нет Mac.Разработка сайта для iPhone без iPhone/Mac
Каковы возможные варианты решения для меня, чтобы иметь возможность протестировать сайт во время разработки?
most obvious one будет использовать iPhone SDK,
, но так как он стоит $ 100/год
, но так как он доступен только для Mac, это не решение в моем случае.
Download Safari 5 for Windows, включить функции меню Developer и изменить агента пользователя для Mobile Safari IPad или Mobile Safari iPhone. Это позволит вам увидеть, как выглядит ваш сайт, когда iPad или iPhone его воспроизводит. Просто сделайте окно меньше, чтобы получить полный опыт.
Если прогнозы аналитиков верны, на eBay скоро появится множество устройств iPhone 3G, так как многие люди могут перейти на iPhone 4 завтра. Подбор дешевого 3G может быть лучшим решением ваших требований к тестированию.
Или вы можете проверить его в магазине Apple Store, если ваш сайт доступен через Интернет или доступен на ноутбуке с помощью специального WiFi-соединения.
Использование Safari и переход на Mobile Safari кажется для меня самым простым и быстрым решением. И, похоже, он дает ожидаемый результат, даже если существуют некоторые различия (например, Flash включен). Благодаря! –
Вы можете протестировать свой сайт в любом браузере, но да, мобильный браузер, вероятно, в некоторых случаях будет отличаться от других.
Если вы не можете найти mobile web browser simulator для iPhone, чем «дешевая» альтернатива, вероятно, будет iPod touch.
Update:
Вы можете посмотреть на iBBDemo:
iBBDemo2 - кроссплатформенные IPad и iPhone Simulator
Вы можете попробовать использовать что-то вроде:
Существуют ли какие-либо риски для безопасности, если вы разрабатываете приложение для интрасети и тестируете на этом сайте? – Rod
Есть некоторые очевидные вещи здесь:
1) работать очень трудно, чтобы сделать ваш сайт работать на всех основных браузерах - в том числе Safari и любых других мобильных кроме IPad устройств ... это позволит вам убедиться, что он работает на более мелких экранах.
2) Прочитайте известные глюки в этих браузерах и посмотрите, можете ли вы их избежать.
3) Когда бы вы ни находились с друзьями, демонстрирующими свой iPad или у которых есть iPhone, попросите проверить свой сайт на нем.
«Мне нужно разработать веб-сайт, который будет использоваться исключительно на iPhone и iPad». – Emil
ну и что? вы не можете тестировать другие браузеры? Как вы, возможно, остановите использование сайта на других устройствах, это действительно глупая идея. –
iPad и iPhone для мобильных браузеров имеют некоторые функции, эксклюзивные для этих устройств. – JBRWilkinson
Мне нужно разработать сайт , который будет использоваться исключительно на iPhone и IPad
Это кажется плохой идеей. если он используется только на iPad/iPhone, вы должны написать приложение и получить все преимущества пользовательского интерфейса и т. д.
Если плакат пишет сайт интрасети для корпоративных клиентов, это вполне разумно, так как это может быть коммерчески чувствительная информация, которая не подходит для размещения в App Store. – JBRWilkinson
И он знает, что его клиенты используют только телефоны Apple? Если он не работает для Apple, я сомневаюсь в этом :) Но ОК, справедливая точка в приложениях не подходит для внутренних данных. –
На самом деле, я знаю, что это плохая идея (это веб-сайт, а не интрасеть). Но спецификации веб-сайта написаны другим человеком, поэтому я надеюсь, что у него есть серьезные причины как выбрать веб-сайт за приложение, так и нацелить только пользователей iPhone/iPad и игнорировать всех остальных. –
Веб-сайты не должны привязываться к определенным устройствам.
Это не 1998 год: Best viewed in I.E. На самом деле ваше предложение хуже, чем это.
Если вы действительно хотите, чтобы сайт работал только на этих устройствах, вам нужно проверить строку user-agent, но в противном случае html является html и в отличие от того, что Apple может вам верить, так же хорошо работает на Symbian , Blackberry, Android, S40, Windows, Windows Mobile и т. Д. И т. Д.
(На самом деле, это лучше работает на Symbian, как Symbian на самом деле поддерживает Flash.)
OP специально запросил информацию о том, как разрабатывать эксклюзивный сайт iPad/iPhone, а не была ли это морально или политически хорошей идеей. – JBRWilkinson
Вот как думают дешевые разработчики оффшорных компаний ... не берут на себя ответственность и просто делают точную литературу в спецификации. Это не плохая идея морально, это плохая идея технически. –
@ Джон: и все же это реальность профессионального развития. Вы были наняты для доставки спецификации, вы доставляете эту спецификацию. Если у вас есть ввод, чтобы дать, вы должны были дать его, когда вы впервые были представлены в спецификации. –
рекомендуют использовать 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.
В дополнении к генерации нового кода с: слушайте, вы также можете попросить 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
Ваша информация неверна, iPhone SDK является бесплатным, но доступен только для Mac. –
и mac running snow leopard –