Каковы самые быстрые и простые способы обеспечить хорошее отображение существующих веб-страниц на мобильных платформах?

Рассматриваемые страницы содержат много JavaScript и CSS. Насколько хорошо они в целом поддерживаются мобильными платформами?

Есть ли эмулятор браузера (или аналогичный инструмент) для помощи в тестировании?


person Umber Ferrule    schedule 19.09.2008    source источник
comment
Кто-то должен сделать браузеры для мобильных ...   -  person Zach    schedule 19.09.2008
comment
Строго говоря, вам не следует использовать Javascript и CSS, если вы хотите охватить самую большую аудиторию паршивыми мобильными UA. Сделайте себе огромную услугу и, по крайней мере, убедитесь, что формы AJAXy работают, когда Javascript полностью отключен. Затем отключите изображения и CSS, чтобы убедиться, что сайт работает нормально.   -  person hendry    schedule 04.11.2008


Ответы (6)


Opera позволяет просматривать страницы как на мобильном устройстве. Раньше я считал это полезным.

person Raithlin    schedule 19.09.2008
comment
Просмотр- ›Маленький экран для активации мобильного режима Opera - person hendry; 04.11.2008

Я могу вам сказать, что Apple Mobile Safari на iPhone отображает переполнение стека отлично, что я считаю довольно удивительным.

Это сайт для программистов, а не для обычных пользователей, поэтому мы приняли множество зависимостей JavaScript.

Я бы хотел, чтобы на других мобильных устройствах были такие же мощные браузеры, как Mobile Safari. Я тоже слышал хорошие отзывы об Opera Mini.

person Jeff Atwood    schedule 19.09.2008

Один пример: стандартный браузер BlackBerry на моем BlackBerry 8130 (Pearl), похоже, игнорирует CSS и JavaScript при загрузке моей домашней страницы.

Я также установил на это устройство Opera Mobile, которая отображает CSS, но не мои эффекты зависания jQuery. Он действительно понимает некоторый jQuery - например, у меня есть проверка формы, которая выдает show () сообщений об ошибках, если проверка не удалась. Это работает в Opera, но без эффекта анимации.

Самым безопасным для мобильных браузеров является создание страниц, которые постепенно ухудшаются без JS или CSS. Вам решать, стоит ли это усилий или нет.

Будем надеяться, что через несколько лет единственными различиями в рендеринге будут ограничения по размеру экрана телефонов.

person Nathan Long    schedule 19.09.2008

Вы можете установить Opera Mini на эмулятор, например Java WTK, и протестировать мобильный рендеринг на ПК. Одним из недостатков является то, что Opera Mini по-прежнему работает через прокси, поэтому отладка локальных файлов / сайтов не будет работать - вам нужно загрузить свой сайт на всемирно доступный сервер.

Просто погуглите.

person Leonid Shevtsov    schedule 19.09.2008

Это полностью зависит от телефона. Если вы хотите поддерживать каждое отдельное устройство, даже не беспокойтесь о CSS или JavaScript, поскольку ни одно из них не будет работать (или будет делать что-то совершенно нестандартное) на 99% устройств. Если вы ориентируетесь только на высокопроизводительные устройства, такие как iPhone или новейшие модели Nokias Series 60, вы сможете обойтись ограниченными JS и CSS.

Некоторые известные мне эмуляторы браузера:

Есть еще много производителей, у которых просто нет никаких инструментов (смею вас попытаться найти сайт разработчика для LG), поэтому вам нужно получить доступ к физическим телефонам, если вы хотите быть уверены, что сайт отображается так, как должен. .

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

person Shane Breatnach    schedule 19.09.2008
comment
Android sdk также поставляется с эмулятором. Я использовал его, чтобы проверить, как выглядит мобильный webkit. - person Zach; 19.09.2008

Устройства BlackBerry с ОС 4.5 или более ранней не очень хорошо обрабатывают Javascript или CSS, если вообще. Устройства с OS 4.6 и выше (Bold, Pearl Flip, Storm и т. Д.) Поставляются с новым механизмом рендеринга, который намного лучше поддерживает Javascript, DOM и CSS. Он не идеален, но должен хорошо отображать большинство страниц. Вы можете загрузить симулятор BlackBerry для этих устройств с веб-сайта их разработчиков и опробовать его. Поскольку он запускает тот же код, что и на реальном устройстве, это отличное представление того, что вы можете ожидать увидеть на устройстве.

person staktrace    schedule 09.11.2008