Intereting Posts

Советы по оптимизации веб-сайта для браузера Android?

Я ищу советы, рекомендации и ресурсы по оптимизации дизайна веб-сайта для браузера Android.

Я создаю приложение для Android, и некоторые функции будут доступны через веб-интерфейс.

Solutions Collecting From Web of "Советы по оптимизации веб-сайта для браузера Android?"

Я полагаюсь на два элемента для оптимизации сайтов для мобильных браузеров (особенно Android и iPhone):

Мета-теги: HandheldFriendly и viewport

Обычно я хочу, чтобы страницы не имели ширины страницы от 800 до 900 пикселей, так как браузеры Android и iPhone устанавливали ее по умолчанию. Чтобы ширина страницы была такой же, как ширина устройства, я устанавливаю следующие метатеги:

<meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" /> 

Запросы CSS-СМИ

Я адаптирую дизайн к ширине страницы. Например, наличие двух столбцов для больших экранов и 1 столбец для небольших экранов и печати. Таким образом, я включаю в основной основной css-файл далее css – включает в себя медиа-запросы:

 @import url(style-screen.css) screen; @import url(style-small.css) print, handheld; @import url(style-large.css) screen and (min-width: 801px); @import url(style-small.css) screen and (max-width: 800px); 

Я нашел, что это было длинным путем, чтобы добавить эти два метатега на мой сайт:

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="HandheldFriendly" content="True" /> 

Более подробная информация о них: http://learnthemobileweb.com/2009/07/mobile-meta-tags/

Что касается jQuery, есть версия, оптимизированная для мобильных браузеров: http://jquerymobile.com/

У dev.opera есть некоторые статьи, но не для Android, но для мобильных веб-сайтов в целом. Например:

Создание небольших устройств отлично выглядит

Проектирование и разработка мобильных веб-сайтов в реальном мире

Поскольку все мобильные веб-страницы хранят все, что можно сделать как мухоморы, как вы можете.

Я не знаю никаких приличных ресурсов для Android, но я бы не стал слишком сумасшедшим на JavaScript. Если Android не похож на iPhone, (текущая) производительность JavaScript будет намного хуже, чем вы могли бы использовать на настольных компьютерах.