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

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

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

Строго говоря, вам не следует использовать Javascript и CSS, если вы хотите охватить самую большую аудиторию паршивыми мобильными UA. Сделайте себе огромную услугу и, по крайней мере, убедитесь, что формы AJAXy работают, когда Javascript полностью отключен. Затем отключите изображения и CSS, чтобы убедиться, что сайт работает нормально.

hendry 04.11.2008 12:25

Кто-то должен сделать браузеры для мобилы ...

Zach 19.09.2008 13:02
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
5
2
393
6
Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

Ответ принят как подходящий

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

Вид-> Маленький экран для активации мобильного режима Opera

hendry 04.11.2008 12:21

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

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

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

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

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

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

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

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

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

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

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

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

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

Android sdk также поставляется с эмулятором. Я использовал его, чтобы проверить, как выглядит мобильный webkit.

Zach 19.09.2008 19:52

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

Другие вопросы по теме