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

Question

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

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

Answer 1

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

Answer 2

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

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

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

Answer 3

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

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

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

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

Answer 4

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

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

Answer 5

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

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

• Открытая волна.
• Инструменты Нокиа

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

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

Answer 6

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