В этом посте, посвященном тем, кто создает и управляет веб-сайтами, мы видим несколько действительно хорошо сделанных сайтов, которые позволяют проверять отображение веб-сайта при различных разрешениях экрана . Сегодня веб-сайты работают по-разному: с ПК, ноутбуками, сотовыми телефонами, планшетами и с экранами любых размеров, от больших мониторов, таких как телевизоры, до маленьких сенсорных экранов. Это означает, что те, кто разрабатывает сайт, должны убедиться, что он четко виден во всех терминалах и на экранах любого разрешения.
Сайт, который не предлагает контент, оптимизированный для самых популярных устройств, и который хорошо читается при любых разрешениях, может потерять много посетителей.
Среди наиболее популярных блоговых платформ Blogger позволяет включать мобильную версию каждого блога, а с помощью WordPress CMS вы можете использовать плагин для автоматического создания мобильной версии.
В любом случае все еще важно попробовать разрешения, чтобы убедиться, что сайт отображается правильно на больших мониторах и маленьких экранах .
Есть несколько способов проверить размер и увидеть разрешение на мобильных телефонах.
Из Windows вы можете уменьшить разрешение экрана из меню панели управления, в то время как для каждого мобильного телефона есть эмулятор или симулятор.
В другой статье я написал руководство по серфингу в Интернете с компьютера, как если бы это был мобильный телефон.
Чтобы сделать это в первую очередь и проверить размер сайта с различными разрешениями экрана и совместимостью с мобильными телефонами, вы можете использовать автоматическое веб-приложение Responsivetesttool . Этот онлайн-сервис позволяет просматривать определенный веб-сайт в заранее определенных разрешениях. Просто напишите адрес сайта для проверки и затем выберите разрешение, щелкнув мышью. Слева отображаются полупрозрачные кнопки, которые изменяют разрешение в зависимости от используемого устройства. Затем вы можете выбрать, выбрать веб-страницу или 4 основных категории:
- Рабочий стол : просмотр сайта с размером экрана 10 "нетбука и монитором 24" настольного ПК.
- Планшет, чтобы проверить, как сайт выглядит, если он открыт с iPad, Samsung Galaxy или других планшетов.
- Mobile объединяет самые популярные мобильные телефоны и смартфоны в мире, включая iPhone, Blackberry и Google Nexus S с Android.
- Телевидение для просмотра веб-страниц на больших экранах до разрешения (1920 × 1200).
ScreenFly - это быстрое приложение, на которое стоит обратить внимание, насколько хорошо оно работает, гибкое и без перезагрузки тестируемого сайта. Интересной особенностью Screenfly также является возможность автоматического определения мобильных версий сайтов .
Эту возможность можно отключить, установив крестик на опции Нет прокси-сервера (отключает переключение устройств) . Вы также можете включить вертикальную прокрутку и повернуть экран.
TestSize, с другой стороны, является динамическим приложением, которое позволяет имитировать разрешение от разрешения экрана мобильного телефона (240х320) до разрешения телевизора (1920х1200).
TestSize работает очень хорошо и позволяет имитировать любой размер, нажимая клавиши + и -.
Из Google можно использовать инструмент Resizer, очень удобно проверять, как автоматически и быстро просматривается любой веб-сайт или веб-страница на экранах различных размеров.
