ПРивет. Женя, вчера писал что нужно использовать mobileDetect php. Например есть такой компонент на REVO а он на основе другого компонента.
Так вот если детект определяем мобилу - отдавать стили для мобилы, А если определяет ПК, то отдавать стили для ПК....
Т.е. на серверной стороне реализовывать этот функционал. Iphone открывает такие сайты - нормально. Проверил на своем.
Мне не нравится идея разных стилей. Адаптивность ведь
Evgeniy
Алексей
Мне не нравится идея разных стилей. Адаптивность ведь
погоди... у тебя по любому есть стили с @ media - их просто нужно вынести в отдельный файл.
Алексей
Мне не нравится идея разных стилей. Адаптивность ведь
И подключать в зависимости от устройства.... - для мобилы - ВСЕ, для ПК, только основной стиль.
Алексей
Конечно если в CSS -ов много и там фарш (обычно в шаблонах) то это конечно - треш полный....
Evgeniy
Мы сейчас говорим о разном
Камиль
Мы сейчас говорим о разном
ну можно через пхппешный mobile detect менять vieport так даже наверно проще будет
Evgeniy
Есть сайт https://github.com сверстан адаптивно. Там тег <meta name="viewport" content="width=device-width"> Все корректно отображается и на мобилках и на компе. Когда открывается сайт в iOS нажимается кнопка "показать полную версию" - это не работает. Когда нажимаем аналогичную кнопку на телефоне Honor - сайт переключается в десктоп.
Камиль
хотя ради этого одного я бы не стал целую библиотеку тянуть 😄 лучше пусть комп пользователя напрягается
Dmytro
Есть сайт https://github.com сверстан адаптивно. Там тег <meta name="viewport" content="width=device-width"> Все корректно отображается и на мобилках и на компе. Когда открывается сайт в iOS нажимается кнопка "показать полную версию" - это не работает. Когда нажимаем аналогичную кнопку на телефоне Honor - сайт переключается в десктоп.
Гит работает и на айфоне десктоп и мобаил
Dmytro
Все давно придумано уже
Evgeniy
Т.е. чтобы мне заставить все сайты работать как положено нужно поставить проксирующий прокси. Внедрять на сайты с тегом <meta name="viewport" content="width=device-width"> свой JS, чтобы перехватывать нажатие кнопки "показать полную версию"
Dmytro
Поставьте снипет с extras isMobile и будет вам счастье ;)
Пример кода внутри снипета
Evgeniy
Опять 25
Камиль
Т.е. чтобы мне заставить все сайты работать как положено нужно поставить проксирующий прокси. Внедрять на сайты с тегом <meta name="viewport" content="width=device-width"> свой JS, чтобы перехватывать нажатие кнопки "показать полную версию"
написать issue в apple и ждать пока пофиксят 😄
Dmytro
Так а эпл тут при чем
Evgeniy
Я не говорю про конкретный сайт. Я говорю про интернет и отдельно взятые 2 устройства. На своем сайте в админке я просто прописал width=1024 и это устроило клиента.
Камиль
я так когда то от клиента отмахивался который деньги не давал :D
Dmytro
Сайт должен понимать юзерагента и по нему отдавать контент
Evgeniy
Дима. Вот сайт github.com не переключает с мобилки на полную версию
Dmytro
Возможно андроид автоматом подставляет еще и ширину браузера сам но это не логично на самом деле
Evgeniy
Что мне сделать, чтобы переключиться?
Evgeniy
Возможно андроид автоматом подставляет еще и ширину браузера сам но это не логично на самом деле
Так и есть. Я выше скрины скидывал
Камиль
Возможно андроид автоматом подставляет еще и ширину браузера сам но это не логично на самом деле
а как обратно потом с мобильной вресии перейти стандартным методом сафари?
Камиль
в десктоп
Evgeniy
а как обратно потом с мобильной вресии перейти стандартным методом сафари?
Закрыть сайт и открыть в новой вкладке
Камиль
хрен там. из за вот таких багов приходится в десктоп вресии добавлять кнопку "Перейти в мобильную версию"
Dmytro
Dmytro
Работает но не везде в репозитории в е переключает как положено а на главной накосячили они
Камиль
Камиль
с мобилки в десктоп
Камиль
и с десктоп в мобилку
Evgeniy
Работает но не везде в репозитории в е переключает как положено а на главной накосячили они
Вот и вопрос. Они ли накосячили. И только ли они? Помоему это баг телефонов
Evgeniy
Ибо если кнопка есть на всех страницах в телефоне. А работает только при наличии каких-то костылей внутри сайта
Dmytro
Вот и вопрос. Они ли накосячили. И только ли они? Помоему это баг телефонов
Ок давай разберем логику как это работает:
- телефон передает сайту юзерагент.
Камиль
А это да не умеет понял :)
рабоатет потому что там юзерагент вотчится, а если обычный адаптив основанный на media, то придётся кастылить
Dmytro
- сайт в зависимости от юзерагента выдает инфу
Evgeniy
Ок давай разберем логику как это работает:
- телефон передает сайту юзерагент.
а как же хваленый адаптив? Мне проще сделать как habr.com и m.habr.com
Dmytro
Ок что айфон должен отдавать сайту что б сайт понял что надо показать дестоп?
Evgeniy
Получается, что адаптив под мобилки это зло
Камиль
Ок что айфон должен отдавать сайту что б сайт понял что надо показать дестоп?
ширину другую, если выбрано смотреть полную версию
Dmytro
И с какими параметрами показывать десктоп?
Evgeniy
Evgeniy
Evgeniy
Видишь, хонор меняет не только UA, но и размер окна
Pathologic
яблокострадания 😸
Evgeniy
А ihphone только UA. И поэтому далеко не все сайты переключаются в полную версию
Dmytro
Ну да, я когда искал как сделать убил пару часов ;) в итоге потом на измобаил сделал подмену виевпорта она как раз на юзер агент завязана
Pathologic
кнопку делает эпл, а чтобы она работала должен ломать голову разработчик сайта
Evgeniy
Т.е. если ко мне приходит клиент с ihone, то я делаю как он хочет на сайте с костылями через UA детект и т.п.
Dmytro
кнопку делает эпл, а чтобы она работала должен ломать голову разработчик сайта
У нас так же ;) Ево делаем мы а ломать голову разработчикам ;)
Evgeniy
А когда ко мне приходит друг и спрашивает почему на github.com не работает - я ему говорю, что твой iphone гавно
Камиль
Ну да, я когда искал как сделать убил пару часов ;) в итоге потом на измобаил сделал подмену виевпорта она как раз на юзер агент завязана
т.е. делаешь сайт адаптивным и только ради одной строчки тянешь целую библу
Dmytro
А когда ко мне приходит друг и спрашивает почему на github.com не работает - я ему говорю, что твой iphone гавно
Гитхаб не оттестировали не проверили не учли спецификацию
Pathologic
Гитхаб не оттестировали не проверили не учли спецификацию
на правду больше похоже, что эпл говно
Dmytro
Тогда и все метатеги и микроразметка и тд тоже костыли х
Evgeniy
Тогда и все метатеги и микроразметка и тд тоже костыли х
Ты мета-тег подменяешь - это и есть костыль. Наличие самого тега на странице нормальное поведение
Dmytro
Почему мне надо писать og_ image пусть фб сам ищет нужную мне картинку;)
Dmytro
Зачем мне оптимизировать картинки , пусть браузер делает
Камиль
Почему мне надо писать og_ image пусть фб сам ищет нужную мне картинку;)
ага и гаишнику ничего показывать не буду пусть сам пробивает что ему нужно
Evgeniy
Почему мне надо писать og_ image пусть фб сам ищет нужную мне картинку;)
Следуя этой логике, если я на JS подменю og:image и фейсбук не найдет картинку, то виноват я
Pathologic
Почему мне надо писать og_ image пусть фб сам ищет нужную мне картинку;)
так там же стандарт типа, open graph
Dmytro
Ну да. Тут проблема в том что если хочешь что б твой сайт на гомне(айфоне был ровный) учитывай особенности)
Pathologic
а эплу похуй стандарты
Andrey
Никто не делал шопкипер+эквайринг от Сбера?
Pathologic
я делал
Andrey
Нет публичного решения?
Dmytro
Тоесть то что у нас даже браузеры по разному понимают наш код ;)
И приходится для одних костылять то что на других работает никого не смущает ;)
Dmytro
Теже полифилы и тд
Evgeniy
а эплу похуй стандарты
очень похоже, что стандартов то и нет. Раз хонор с потолка размер окна подставляет. Вот только это попахивает именно костылем на уровне хоноровской прошивки