Как проверить мобильную версию сайта с компьютера

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

Изображение. Обычная версия дизайна сайта

Обычная версия дизайна сайта

Самый простой вариант для проверки мобильной версии, который первым приходит в голову - это просто открыть сайт со своего мобильного телефона. Если у сайта присутствует мобильная версия или сайт адаптируется под любые виды устройств, то при его открытии на смартфоне можно увидеть следующее:

Изображение. Мобильная версия дизайна сайта

Мобильная версия дизайна сайта
  • Вам удобно просматривать содержимое сайта. Тексты читаются легко. Кнопки и ссылки можно нажать не увеличивая экран.
  • Сайт влезает целиком по ширине экрана смартфона.
  • При повороте экрана блоки сайта (тексты и картинки) перестраиваются. Не возникает искажений в контенте и элементах дизайна.
  • Основное меню сайта (возможно и контактные данные) вынесены в отдельное окно, которое появляется при нажатии специального значка в верхней части экрана.
  • Контактные телефоны кликабельны. При нажатии телефон открывается для набора в телефонной книге смартфона.

Иногда необходимо проверить мобильную версию сайта, когда под рукой нет смартфона. Или же бывает необходимость проверить мобильную версию сайта на разных смартфонах. В этом случае в браузерах таких как Google Chrome или Mozilla Firefox есть специальный инструмент. С помощью него можно легко проверить мобильную версию сайта, выбирая нужное мобильное устройство в меню. При выборе нужного устройства браузер будет имитировать размеры его экрана и вы увидите как отображается ваш сайт.

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

В чем же основное отличие мобильной версии от адаптивного дизайна? Все очень просто.

Адаптивный дизайн

Сайты с адаптивным дизайном имеют один файл стилей дизайна css, в котором прописано поведение всех блоков сайта в зависимости от размеров экрана устройства. При загрузке страницы на каком-либо устройстве сайт определяет ширину и высоту экрана и примеяет именно те стили из файла, которые подходят под этот экран. Причем блоки адаптируются не только при загрузке, но и моментально, при изменении размеров окна браузера. Другими словами в файле стилей заранее учтены все возможные размеры экранов.

Мобильная версия

Сайт с мобильной версией имеет два отдельных файла стилей дизайна. Например style.css и style_mobile.css Отдельный файл для ПК и отдельный файл для мобильных устройств. Нужный файл стилей подгружается в зависимости от устройства с которого сайт открывают. Сайт определяет это устройство и подключает тот подходящий файл стилей .css Как правило, в файле стилей для ПК прописано, что основная область для контента сайта зафиксирована посередине экрана и ширина этой области неизменна, например: 1024px. А в файле с мобильными стилями прописано, что контентная область сайта располагается по ширине устройства.

При создании сайтов наша веб студия в обязательном порядке создает либо мобильную версию, либо адаптивный дизайн, в зависимости от пожеланий клиента. Мы делаем это, так как с каждым годом все больше людей пользуются интернетом в основном со смартфонов. Если у вашего сайта отсутствует мобильная версия, то вы гарантировано теряете более половины клиентов.

Проверяем мобильную версию.

Чтобы проверить мобилную версию сайта с ПК нужно проделать ряд действий.

  • 1. Откройте сайт в браузере GoogleChrome или MozillaFiefox
  • 2. Нажмите F12, чтобы открыть инструменты разработчика
  • 3. В открывшемся окошке найдите значок переключения на мобильные устройства и нажмите его.
  • 4. Теперь в верхнем меню можно выбирать устройство. Выберите любое устройство из списка, например iPhone X
  • 5. Нажмите F5, чтобы обновить страницу и чтобы отобразилась мобильная версия. Это необходимо сделать, так как сайт определяет тип устройства именно при загрузке страницы.
  • 6. Все готово. Можно проверять сайт. Походите по страницам, попробуйте открыть меню, понажимать кнопки, чтобы увидеть мобильную версию сайта.
Проверяем мобильную версию сайта.

Проверяем адаптивный дизайн.

Для проверки адаптивности достаточно сменить полноэкранный режим браузера уменьшив окно. И затем просто тянуть мышью за правую или левую границу окна браузера. Если сайт с адаптивным дизайном, то он будет моментально реагировать и изменять свой вид (вы увидите: изменениние размеров блоков, текстов, изображений, перестроение и т.д.).

Проверяем адаптивный дизайн.


Для чего этот блог.

Доброго времени суток, дамы и господа! Вы находитесь на блоге о ведении бизнеса в сети интернет, о сайтах, рекламе, маркетинге и различных способах заработка онлайн.

Здесь регулярно появляется информация о создании сайтов, о привлечении клиентов на сайт, о различных полезных сервисах и о прочих интересных штуках в мире веб разработки и ведении бизнеса в Интернете. Буду стараться регулярно писать на интересные темы.

Мы будем разбирать интересные случаи, различные задачи по сайтам от элементарных до сложных, всевозможные "фишечки".

Если у вас есть тема статьи, которую хотелось бы разобрать, то напишите об этом здесь

×

Предложите тему поста для блога

Возможно она станет темой следующего поста.

×

Обсудить проект

Опишите ваш проект (сайт) мы проанализируем информацию и свяжемся с вами в ближайшее время.

Радмир.
E-mail: info@dobrosayt.ru
×

Заявка на создание сайта

Радмир.
E-mail: info@dobrosayt.ru
×

Заказ консультации на создание сайта

Радмир.
E-mail: info@dobrosayt.ru
×

Мои первые сайт, реклама, клиенты.

Заявка на онлайн курс

Консультация. Радмир.
E-mail: info@dobrosayt.ru
×

Политика в отношении обработки персональных данных

1. Общие положения

Настоящая политика обработки персональных данных составлена в соответствии с требованиями Федерального закона от 27.07.2006. №152-ФЗ «О персональных данных» и определяет порядок обработки персональных данных и меры по обеспечению безопасности персональных данных Dobrosayt(далее – Оператор).

  1. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.
  2. Настоящая политика Оператора в отношении обработки персональных данных (далее – Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта https://dobrosayt.ru/

2. Основные понятия, используемые в Политике

  1. Автоматизированная обработка персональных данных – обработка персональных данных с помощью средств вычислительной техники;
  2. Блокирование персональных данных – временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных);
  3. Веб-сайт – совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу https://dobrosayt.ru
  4. Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных, и обеспечивающих их обработку информационных технологий и технических средств;
  5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных;
  6. Обработка персональных данных – любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных;
  7. Оператор – государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и (или) осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными;
  8. Персональные данные – любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта https://dobrosayt.ru
  9. Пользователь – любой посетитель веб-сайта https://dobrosayt.ru
  10. Предоставление персональных данных – действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц;
  11. Распространение персональных данных – любые действия, направленные на раскрытие персональных данных неопределенному кругу лиц (передача персональных данных) или на ознакомление с персональными данными неограниченного круга лиц, в том числе обнародование персональных данных в средствах массовой информации, размещение в информационно-телекоммуникационных сетях или предоставление доступа к персональным данным каким-либо иным способом;
  12. Трансграничная передача персональных данных – передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу;
  13. Уничтожение персональных данных – любые действия, в результате которых персональные данные уничтожаются безвозвратно с невозможностью дальнейшего восстановления содержания персональных данных в информационной системе персональных данных и (или) результате которых уничтожаются материальные носители персональных данных

3. Оператор может обрабатывать следующие персональные данные Пользователя

  1. Фамилия, имя, отчество;
  2. Электронный адрес;
  3. Номера телефонов;
  4. Также на сайте происходит сбор и обработка обезличенных данных о посетителях (в т.ч. файлов «cookie») с помощью сервисов интернет-статистики (Яндекс Метрика и Гугл Аналитика и других).
  5. Вышеперечисленные данные далее по тексту Политики объединены общим понятием Персональные данные.

4. Цели обработки персональных данных

  1. Цель обработки персональных данных Пользователя — информирование Пользователя посредством отправки электронных писем; заключение, исполнение и прекращение гражданско-правовых договоров; связь с Пользователем, оставившим персональные данные
  2. Также Оператор имеет право направлять Пользователю уведомления о новых продуктах и услугах, специальных предложениях и различных событиях. Пользователь всегда может отказаться от получения информационных сообщений, направив Оператору письмо на адрес электронной почты dobrosayt@yandex.ru с пометкой «Отказ от уведомлениях о новых продуктах и услугах и специальных предложениях».
  3. Обезличенные данные Пользователей, собираемые с помощью сервисов интернет-статистики, служат для сбора информации о действиях Пользователей на сайте, улучшения качества сайта и его содержания.

5. Правовые основания обработки персональных данных

  1. Оператор обрабатывает персональные данные Пользователя только в случае их заполнения и/или отправки Пользователем самостоятельно через специальные формы, расположенные на сайтеhttps://dobrosayt.ru. Заполняя соответствующие формы и/или отправляя свои персональные данные Оператору, Пользователь выражает свое согласие с данной Политикой/
  2. Оператор обрабатывает обезличенные данные о Пользователе в случае, если это разрешено в настройках браузера Пользователя (включено сохранение файлов «cookie» и использование технологии JavaScript).

6. Порядок сбора, хранения, передачи и других видов обработки персональных данных

Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных.

  1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц
  2. Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства.
  3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомление на адрес электронной почты Оператора dobrosayt@yandex.ru с пометкой «Актуализация персональных данных».
  4. Срок обработки персональных данных является неограниченным. Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты на электронный адрес Оператора dobrosayt@yandex.ru с пометкой «Отзыв согласия на обработку персональных данных».

7. Трансграничная передача персональных данных

  1. Оператор до начала осуществления трансграничной передачи персональных данных обязан убедиться в том, что иностранным государством, на территорию которого предполагается осуществлять передачу персональных данных, обеспечивается надежная защита прав субъектов персональных данных.
  2. Трансграничная передача персональных данных на территории иностранных государств, не отвечающих вышеуказанным требованиям, может осуществляться только в случае наличия согласия в письменной форме субъекта персональных данных на трансграничную передачу его персональных данных и/или исполнения договора, стороной которого является субъект персональных данных.

8. Заключительные положения

  1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты dobrosayt@yandex.ru.
  2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.
  3. Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу https://dobrosayt.ru
×
Яндекс.Метрика