Оптимизация сайта для планшетов и телефонов - в 2 строчки

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#51
Onore:
Какой сервис используете для тестов?

1. Ищу сервис где можно тестировать как будет сайт виден на мобильном, т.е. чтобы подставлялся user-agent популярных телефонов!

2. Используете ли Эмуляции (Андройд, iOS)?

Самые важные сервисы - это от Гугла:

https://developers.google.com/speed/pagespeed/insights/

https://www.google.com/webmasters/tools/mobile-friendly/

Еще я использую Хром. Мало того, что легко просматривать код элемента, так еще при этом корректно показывается ширина окна и (уменьшая ширину браузера) легко тестировать мобильную версию.

Ну и еще там же в Хроме есть эмулятор разных планшетов и телефонов.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
O
На сайте с 27.10.2005
Offline
119
#52

2 SeVlad

Эти инструменты не эмулируют user-agent и т.д. как у мобильного, а только разрешения экрана.

В итоге я вижу сайт на мобильном и в этих сервисах по разному, так как на сайте определяют мобильный и отдают облегченную тему! :(

DiKiJ:

Ну и еще там же в Хроме есть эмулятор разных планшетов и телефонов.

Это через плагины, у меня в Хроме такого в меню нет! Как их найти, можно название.

… …
SK
На сайте с 17.05.2013
Offline
18
#53

имеется Add-on для FireFox https://addons.mozilla.org/en-us/firefox/addon/user-agent-changer/?src=userprofile он решает проблему эмуляции user-agent

MobiCot - PHP Mobile Content Management Framework - RESS ( Responsive Web Design + Server Side Components) (http://www.cotonti.mobi)
SeVlad
На сайте с 03.11.2008
Offline
1609
#54
Onore:
Эти инструменты не эмулируют user-agent и т.д. как у мобильного, а только разрешения экрана.

да ладно!

Onore:
В итоге я вижу сайт на мобильном и в этих сервисах по разному, так как на сайте определяют мобильный и отдают облегченную тему!

Ну ты уж определись - определяют и отдают для нужного ЮА или нет :)

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
O
На сайте с 27.10.2005
Offline
119
#55
SeVlad:
да ладно!

Ну ты уж определись - определяют и отдают для нужного ЮА или нет :)
ДАННЫЕ О ПОЛЬЗОВАТЕЛЕ
IPv4-адрес
54.225.125.135
IPv6-адрес

Браузер
BlackBerry
Разрешение экрана
1920x1080, 24 бита

Регион
Ашберн

Отдает имхо бред :) Можете проверить сайт флай/киев/ua на мобильном или через гугл.мобайл.френдли и сервис.

Я был бы только рад если бы он как нужно отрабатывал! :(

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#56

Интересно, я вот для кого про Хром писал? :)

O
На сайте с 27.10.2005
Offline
119
#57

2 SergeyKocha сработало, спасибо. Даже этот форум показал баннер для пользователей Айфонов:)

2 DiKiJ

у меня в Хроме такого в меню нет! Как их найти, можно название.

Так я так и не понял, как плагин называется.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#58
Onore:
2 SergeyKocha сработало, спасибо. Даже этот форум показал баннер для пользователей Айфонов:)

2 DiKiJ

Так я так и не понял, как плагин называется.

Обычный Хром. :) У меня, правда, последняя версия сейчас.

Правая кнопка на сайте => Просмотр кода элемента. Откроется HTML код и над ним будет менюшка. Нужно на телефон нажать.

Ну или Меню => Дополнительные инструменты => Средства разработчика.

Ну и после этого выбирать нужное устройство, размер экрана и обновлять страницу, все. Если верстка адаптивная, можно просто уменьшать размер окна.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#59

Ну что, за прошедшее время 23 сайта сделал адаптивными (если не запутался уже)! :)

Приятные сайты, приятно работать. Обычно укладываюсь в 12 часов + столько же на приемку и переделки от заказчика.

В редких случаях их побольше, но выходит тоже симпатично.

Ну и маленькая шутка про адаптацию сайтов. 🤪

jpg 143444.jpg
jpg 1434701586_6466733_17735991.jpg

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий