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

голоса
44

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

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

Задан 14/02/2009 в 11:25
источник пользователем
На других языках...                            


6 ответов

голоса
67

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

Мета-теги: HandheldFriendly и окно просмотра

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

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

CSS запросы средств массовой информации

Я адаптировать дизайн к ширине страницы. Так, например, имеющий содержание 2 колонки для больших экранов и 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);
Ответил 07/08/2010 d 13:46
источник пользователем

голоса
16

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

<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/

Ответил 10/06/2010 d 21:54
источник пользователем

голоса
5

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

Ответил 01/09/2010 d 22:12
источник пользователем

голоса
4

Dev.Opera имеет несколько статей, а не для андроид, конечно, но для мобильных веб-сайтов в целом. Например:

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

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

Ответил 14/02/2009 d 12:13
источник пользователем

голоса
1

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

Ответил 10/06/2010 d 22:02
источник пользователем

голоса
1

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

Ответил 14/02/2009 d 11:57
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more