Где можно посмотреть сайт, как в айфонах? В сафари не вышло вообще выловить косяк.

outtime
На сайте с 04.05.2008
Offline
197
1100

Это жесть с Сафари какая-то.

В просмотрщиках, во всех браузерах, на всех моих телефонах, плюс на скачанном официальном Сафари (через инструменты разработчика - Пользовательский агент, перебрал ВСЕ имеющиеся варианты) кнопка отображается вот так:

У заказчика же на его айфоне - вместо красивой кнопки отображается вот такая унылая стандартная хрень:

Косяк-то я поправил в итоге (проставив элементу свойство -webkit-appearance: none; ), но это всё равно пипец какой-то... как мне вылавливать другие всплывающие косяки верстки без покупки собственно, Айфона? Уже не первый раз заказчик утверждает, что на его трубке сайт выглядит как-то местами фекально. При этом во всех остальных браузерах и в том же сафари я вижу его так, как он и должен выглядеть изначально.

Где найти нормальный просмотрщик для этой хрени? :madd:

Как быть кроме того, чтоб ходить по офису и заимствовать у коллег их айфоноаппараты, если даже сам Сафари не вылавливает косяки верстки?

А счастливые обладатели этой мегатрубы далеко не всегда под рукой находятся - иногда их и нет вообще. Как мне в этом случае работать?((

Ппц, реально задница какая-то. Хуже чем под ИЕ верстать.

Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
edogs software
На сайте с 15.12.2005
Offline
775
#1

outtime,

Вы версткой профессионально занимаетесь? Купите айфон/айпад какие-нибудь не слишком старые, не слишком новые. По цене вполне приемлимо будет, окупится всё равно. Тут дело в том, что у эппла такая традиция - хочешь под него разрабатывать, бери их технику:)

А так мы раньше https://www.browserstack.com/responsive пользовались, не знаем насколько Вам поможет, нам триалки хватало, т.к. версткой не занимаемся и чего-то крутого от нас не ожидали.

Разработка крупных и средних проектов. Можно с криптой. Разумные цены. Хорошее качество. Адекватный подход. Продаем lenovo legion в спб, дешевле магазинов, новые, запечатанные. Есть разные. skype: edogssoft
menig
На сайте с 18.12.2015
Offline
71
#2

может так? http://develop.wj3.ru/adaptive/

A9
На сайте с 04.01.2012
Offline
317
#3
menig:
может так? http://develop.wj3.ru/adaptive/

Этот сервис неправду показывает

Вот сайт - стоит отображение IPhone 5 - внимание на чат - здесь мы можем его открыть , а на айфоне он выглядит совершенно иначе, как и работает

Сервис показывает вот так

а на самом деле вот так

Так что наверное все таки, Вам прийдется купить технику от Apple )

Видимо с подобными нюансами у Вас и проблемы(

https://hstq.net - аренда серверов от 9.99$! Нет KYC! Много стран размещения на выбор! Акция - удвоим оплаченный период! Заказывайте!
FM
На сайте с 14.12.2015
Offline
18
#4
outtime:
Это жесть с Сафари какая-то.


Где найти нормальный просмотрщик для этой хрени? 😡
Как быть кроме того, чтоб ходить по офису и заимствовать у коллег их айфоноаппараты, если даже сам Сафари не вылавливает косяки верстки?

А счастливые обладатели этой мегатрубы далеко не всегда под рукой находятся - иногда их и нет вообще. Как мне в этом случае работать?((

Ппц, реально задница какая-то. Хуже чем под ИЕ верстать.

Я пользуюсь сервисом http://www.mobilephoneemulator.com/ и дефтулсом хрома. Это действительно проблема и покупать Айфон из-за этого невижу никакого смысла т.к. в быту он мне абсолютно не нужен, а стоит прилично. А вообще пользуйтесь современными плюшками галпа и препроцессоров, куча проблем отвалится уже на стадии разработки.

FoxDesign
На сайте с 12.10.2016
Offline
13
#5

Должно помочь

ссылка

FoxDesign
На сайте с 12.10.2016
Offline
13
#6

Телефоны на ipad отображаются синим цветом, как ссылки. => добавьте <meta name=»format-detection» content=»telephone=no» />

Input и submit кнопки закруглены, хотя по стилям так быть не должно. Задайте правило => input, textarea {

-webkit-appearance: none;

-webkit-border-radius: 0;

}

Для div`ов бывают артифакты в виде серых полос по краям (border). Добавьте <meta name=»viewport» content=»initial-scale=1, maximum-scale=3″>

Vladimir SEO
На сайте с 19.10.2011
Offline
2061
#7

http://webmark.com.ua/mobile/ вот тут еще гляньте авось сработает

Эксперт по продуктам Google https://support.google.com/profile/58734375 ᐈ Продвижение коммерческих сайтов https://kulinenko.com/
Playerror
На сайте с 28.09.2008
Offline
152
#8

Что-то можно найти здесь http://browserhacks.com/

Russ1an
На сайте с 25.03.2015
Offline
84
#9

Можно скачать эмулятор ios на пк.

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