Адаптивность сайта или Сервис для проверки сайта на мобильном!

Тема в разделе "Флуд", создана пользователем Robot, 29 май 2015.

  1. TopicStarter Overlay
    Robot

    Robot Premium

    d81eba02e7403fc3cd3a275fe357bfaa.png

    Уже давно прошли те далекие 90е и начало 2000 времена, когда сайта просматривали только на компьютерах и не было возможности купить даже самый простой телефон с интернетом.

    Сейчас интернет мощно входит в мобильные устройства с различным разрешением экрана. Поэтому к верстальщикам всё чаще предъявляют требования создать адаптивный стиль сайта, который будет смотреться одинаково красиво на разных устройствах.

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

    Приходит на помощь замечательный сервис мобайл тест!
     
    Последнее редактирование модератором: 11 янв 2016
    xTheEnd и HuTKa нравится это.
  2. Классный сервис! Очень помогли!
     
  3. Могу еще посоветовать расширение Chrome - Dimensions Legacy
     
  4. Неплохой сервис, оставлю в закладках. Для Chrome больше нравится использовать Responsive Web Design Tester. Хотя в одном из последних проектов столкнулся с одним глюком, который виден только на iphone4/5. Своим аппаратом не обзавелся, а во всех онлайн-тестерах выглядит в полном порядке - перепробовал штук 20 самых разных. На mac'ах и планшетах глюков тоже не наблюдается.Если у кого-то будут какие-то идеи, как еще можно потестить на какие-то расширенные ошибки, то отпишитесь плз. Буду благодарен. PS. Заказчик, проект принял, но оставить ошибку врожденный перфекционизм не позволяет :)
     
    grom4e нравится это.
  5. Есть небольшой трюк - в iphone/ipad по умолчанию стоит браузер Safari, поэтому если верстка нормальная в нем под винду, то с большой долей вероятности она будет такой же и под apple-устройства. Для iphone разрешение окна уменьшите до минимального ~380px, а для ipad ~1024px в ширину.
     
  6. Вы думаете, у всех уже 6-й айфон с 375px по ширине? Хотя сафари под win действительно единственный вариант в некотором приближении проверить верстку на айфонах если не являешься яблофилом.
    Для желающих воспользоваться веб-сервисами: не нужно забывать, что плотность пикселей на мобильных устройствах на всех разная и отличается от десктопной. И еще там тач (=другие события).
    Более-менее рабочий вариант для тестов - эмулятор opera mobile
    мне где-то с год назад попадался на глаза сервис, который использовал реальные устройства (генерил скриншоты). Там была ежемесячная подписка примерно в стольник баксов, не очень свежие устройства и довольно ощутимый лимит по количеству запросов.
     
    YouKnowMe нравится это.

Поделиться этой страницей