Как сайт выглядит на мобильных устройствах

 

Сейчас, при разработке сайтов, уже нужно ориентироваться не только на то, как пользователь будет видеть сайт с компьютера, но и о том, как он будет видеть его с мобильных устройств: телефонов, смартфонов, планшетов. Ведь предоставляя удобство посетителям своего интернет ресурса, естественно повышается и приоритет сайта, да и к тому же это является правилом хорошего тона. Все больше и больше шаблонов для популярных CMS, таких как WordPress, Joomla, Drupal и другие делаются адаптивными. Т.е. при разном разрешении экрана сайт выглядит чуть-чуть по-разному, но при этом одинаково удобно для посетителя.

Так вот, иногда возникает серьезная необходимость посмотреть, как же именно сайт будет выглядеть при разных разрешениях? Способов посмотреть существует немало, немало и интернет сервисов. Беда лишь в том, что многие из них являются платными, и естественно не каждый сможет и согласится ими воспользоваться. Но, что же делать?

Известный интернет браузер Firefox имеет в своих «инструментах разработчика» как раз то самое средство, позволяющее просматривать сайт при разных разрешениях.

Firefox - просмотр адаптивного дизайна

Работает это довольно просто, нужно лишь нажать сочетание горячих клавиш «ctrl + shift + m», тогда появится специальный экран, благодаря которому можно протестировать адаптивность любого шаблона. Есть уже предустановленные разрешения экрана, но можно установить свое собственное.


 

Добавить комментарий

Ваш e-mail не будет опубликован.