D.iK.iJ
 
Ссылки Поиск Написать В избранное NO

Блоггер / Блог 2016 год

RSS лента новостей, Подписка по Email

      Делаем мобильный сайт так, чтобы это никто не заметил

         При переделке сайта vedmochka.net под мобильные устройства я столкнулся с задачей скрыть рабочую версию от посетителей. Это было связано с высокой посещаемостью портала.

(11.03.2016 blogger) Адаптивный дизайн - Переделка сайта vedmochka.net

         Так как работаю я всегда с живой версией сайта, а половину времени адаптации занимает работа с контентом, был выбран простой и действенный вариант:

<meta name=viewport content="width=1024">

         Этот мета тег принудительно ставит ширину контента 1024 пикселей для мобильных устройств. А на десктопе позволяет уменьшить окно браузера до минимума и спокойно работать. Подобный подход используется в кнопке полной версии для адаптивного дизайна. Хотя, там, как вариант, можно просто отключать «мобильные» стили по наличию куки. Да и саму кнопку можно показывать только в мобильной версии.
         Грозит ли чем-то сайту работа с живой версией?
         Нет, не думаю. В 99% случаев добавляется отдельный файл стилей adaptive.css и вся работа ведется только с ним.
         Конечно, чтобы улучшить показатели теста Гугла, часто нужно включить Кеширование и Гзип в файле .htaccess (или на хостинге). Да и мета тег viewport тоже нужно обязательно добавить.
         В принципе, это - все изменения кода на сайтах при работе. Даже адаптивные таблицы можно сделать при помощи стилей.
         Как мне кажется, вполне безопасный подход. Но обновить бекап - всегда полезно! =)

         
         
Главная, 1,
( 44 )