У цій публікації, присвяченій тим, хто створює веб-сайти та керує ними, ми бачимо пару справді добре зроблених сайтів, які дозволяють перевірити показ веб-сайту з різними дозволами екрана . Сьогодні веб-сайти займаються серфінгом по-різному, за допомогою ПК, ноутбуків, мобільних телефонів, планшетів та з екранами будь-якого розміру, від великих моніторів, як телевізори, до маленьких сенсорних екранів. Це означає, що ті, хто розробляє сайт, повинні забезпечити його чіткість у всіх терміналах та на екранах будь-якої роздільної здатності.
Сайт, який не пропонує вміст, оптимізований для найпопулярніших пристроїв і добре розбірливий при будь-яких резолюціях, може втратити багато відвідувачів.
Серед найпопулярніших платформ блогу Blogger дозволяє включити мобільну версію кожного блогу, тоді як за допомогою CMS WordPress можна використовувати плагін для автоматичного створення мобільної версії.
У будь-якому випадку все ж важливо спробувати рішення, щоб переконатися, що сайт відображається правильно на великих моніторах та маленьких екранах .
Існує кілька способів перевірити розмір і побачити роздільну здатність на мобільних телефонах.
У Windows можна зменшити роздільну здатність екрана в меню панелі управління, тоді як для кожного мобільного телефону є емулятор або тренажер.
В іншій статті я написав посібник для серфінгу в Інтернеті з ПК, як ніби це мобільний телефон.
Щоб зробити це першим і перевірити розмір сайту з різною роздільною здатністю екрана та сумісністю з мобільними телефонами, можна використовувати автоматичний веб-додаток Responsivetesttool . Цей онлайн-сервіс дозволяє переглядати певний веб-сайт у заздалегідь визначених резолюціях. Просто напишіть адресу сайту, щоб перевірити, а потім виберіть роздільну здатність, натиснувши мишкою. На лівій стороні з’являються напівпрозорі кнопки, які змінюють роздільну здатність відповідно до використовуваного пристрою. Потім ви можете вибрати веб-сторінку, яку вибираєте, або 4 основні категорії:
- Настільний : для перегляду сайту з розміром екрана 10 "нетбук до монітора 24" ПК на робочому столі.
- Планшет, щоб перевірити, як виглядає сайт, якщо він відкритий з iPad, Samsung Galaxy або інших планшетів.
- Mobile об’єднує найбільш використовувані в світі мобільні телефони та смартфони, включаючи iPhone, Blackberry та Google Nexus S з Android.
- Телебачення для перегляду веб-сторінок на великих екранах до роздільної здатності (1920 × 1200).
ScreenFly - це швидкий додаток, який варто було вказати на те, наскільки добре він працює, текучий і без будь-якого перезавантаження тестового сайту. Цікавою особливістю Screenfly є також можливість автоматичного виявлення мобільних версій сайтів .
Цю можливість можна відключити, встановивши хрест на опцію Не проксі-сервер (вимикає комутацію пристрою) . Ви також можете ввімкнути вертикальну прокрутку та повернути екран.
З іншого боку, TestSize - це динамічний додаток, який дозволяє імітувати роздільну здатність екрану мобільного телефону (240X320) до телевізора (1920X1200).
TestSize працює дуже добре і дозволяє імітувати будь-який розмір, натискаючи клавіші + і -.
Від Google можна використовувати інструмент Resizer, дуже зручно, автоматично і швидко перевіряти, як переглядається будь-який веб-сайт або веб-сторінка на екранах різних розмірів.
