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

Тема в разделе "Самое разное", создана пользователем Justin, 5 мар 2014.



  1. Пост от администрации
    Justin
    ТопикCтартер

    Justin

    Депозит:
    10000 р
    Сообщ:
    2.013
    Лайк:
    8.166
    Баллов:
    120
    1 дек 2013
    d81eba02e7403fc3cd3a275fe357bfaa.png

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

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

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

    Приходит на помощь замечательный сервис мобайл тест!
     
    kolesikd, gall, dimir и 4 другим нравится это.
  2. ykutiy

    ykutiy

    Сообщ:
    15
    Лайк:
    10
    Баллов:
    3
    25 янв 2014
    Классный сервис! Очень помогли!
     
  3. Gamelot

    Gamelot

    Сообщ:
    54
    Лайк:
    60
    Баллов:
    18
    7 июн 2014
    Могу еще посоветовать расширение Chrome - Dimensions Legacy
     
  4. vladimir-sw

    vladimir-sw

    Сообщ:
    40
    Лайк:
    27
    Баллов:
    18
    16 фев 2014
    Неплохой сервис, оставлю в закладках.
    Для Chrome больше нравится использовать Responsive Web Design Tester.
    Хотя в одном из последних проектов столкнулся с одним глюком, который виден только на iphone4/5. Своим аппаратом не обзавелся, а во всех онлайн-тестерах выглядит в полном порядке - перепробовал штук 20 самых разных. На mac'ах и планшетах глюков тоже не наблюдается.
    Если у кого-то будут какие-то идеи, как еще можно потестить на какие-то расширенные ошибки, то отпишитесь плз. Буду благодарен.
    PS. Заказчик, проект принял, но оставить ошибку врожденный перфекционизм не позволяет :)
     
  5. Gamelot

    Gamelot

    Сообщ:
    54
    Лайк:
    60
    Баллов:
    18
    7 июн 2014
    Есть небольшой трюк - в iphone/ipad по умолчанию стоит браузер Safari, поэтому если верстка нормальная в нем под винду, то с большой долей вероятности она будет такой же и под apple-устройства. Для iphone разрешение окна уменьшите до минимального ~380px, а для ipad ~1024px в ширину.
     
  6. Meka

    Meka

    Сообщ:
    53
    Лайк:
    69
    Баллов:
    18
    25 янв 2014
    beladonna нравится это.
  7. eabyss

    eabyss

    Сообщ:
    75
    Лайк:
    66
    Баллов:
    18
    6 июл 2014
    Вы думаете, у всех уже 6-й айфон с 375px по ширине?
    Хотя сафари под win действительно единственный вариант в некотором приближении проверить верстку на айфонах если не являешься яблофилом.

    Для желающих воспользоваться веб-сервисами: не нужно забывать, что плотность пикселей на мобильных устройствах на всех разная и отличается от десктопной. И еще там тач (=другие события).
    Более-менее рабочий вариант для тестов - эмулятор opera mobile


    мне где-то с год назад попадался на глаза сервис, который использовал реальные устройства (генерил скриншоты). Там была ежемесячная подписка примерно в стольник баксов, не очень свежие устройства и довольно ощутимый лимит по количеству запросов.
     
    Последнее редактирование: 28 окт 2014

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