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

Question

[denism300]

Проблема в следующем: МакБука нет :(
Под виндой в браузерах сайт смотрится ок, в т.ч. в имитации мобильных платформ в инструментах разработчика.
На iPhone есть проблема с отображением background некоторых блоков.
Какой сервис позволяет проверить, как выглядит сайт на iPhone и содержит инструменты разработчика, чтобы понять, какое свойство не работает?

Comments

[MoksS]

чтобы узнать какое «свойство» не работает воспользуйтесь сайтом caniuse.com

Answer 1

[Максим]

Нету таких сервисов
Самый лучший сервис - это свой собственный девайс от Apple

Comments

[hckn]

Ага, и желательно 3 модели с разными версиями ОС. И айпадов модели 3, не меньше. К ним же еще пригодится парочку Андроидов, для верочки. Ну и планшетиков тоже не меньше 5 штук - китайцы разных годов, ну и парочку фирменных. И потом сиди, настраивай и поддерживай этот зоопарк, чтобы проверить свою гребанную карусельку)))

Ленский как обычно жжот.

[alex-1917]

hckn, а в чем сложность приобрести пару-тройку девайсов?? Если отбросить всю слюну, которую ты тут набрызгал, то достаточно афони 6s и айпада4, в идеале плюс третий гаджет из 2017 года не старше! Пройдись по авито, для проверки можно и бу-шки легко взять...
Это закроет все потребности, ибо я лично убедился в этом!
Мой зоопарк - афони 4s, 6s, иксовый, далее планши - 4-й, две прошки старая и свежая и один миник.
Про ведроиды говорить не буду, ну есть пара самсунгов и две лыжи, и то редко пользую для проверки, один хрен все мои клиенты сидят на яблоках!!))) ахаха
Могу картинку заскринить, кстати, где-то я её уже выкладывал!

[Модератор]

hckn, Максим Ленский,
5. Категорически запрещается размещать на страницах Сервиса:
5.1. Оскорбления. Любые оскорбительные формулировки запрещены. Даже в том случае, если наличествуют неопровержимые доказательства того, что в указанных оскорблениях имеется доля правды.

[Максим]

Модератор, я вроде бы ни кого не оскорблял ...

[Модератор]

Максим Ленский, был неконструктивный переход на личности, плавно переходящий в данный пункт правил

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

[Максим]

Модератор, хорошо ....

Answer 2

[Филипп Гапоненко]

browserstack

Comments

[Максим]

этот сервис это обычные iframe который стилизован как нужное устройство - но не покажет поведение на самом устройстве ...

[Филипп Гапоненко]

Пишут, что запускают на реальных устройствах: https://www.browserstack.com/app-live/features

[Максим]

Филипп Гапоненко, обман это - после проверки на реальном устройстве куча различий

[Максим]

Alexander Sharomet, различий валом , у меня почти все устройства от apple и ни разу не было совпадения ..хотя я не буду спорить ... может быть я что то делал не так

общие совпадения есть но разница пикселей огромная

[Владимир Проскурин]

Максим Ленский, там реальные машины. Просто смотрите, чтобы у вас совпадала версия Сафари. Все баги в сафари которые были у моих клиентов, проявлялись и в browserstack.

[Максим]

Владимир Проскурин, Володя я же просто высказал свою точку зрения, у меня 7устройств (кроме Х) от Apple и потому не парюсь платными тестировщиками ... и раньше тоже как проверить или как узнать - щас же нет ..просто подключаюсь через browsersynk и всё ..ну или если браузерсинк троит кидаю на github.pages и смотрю либо shared

[Владимир Проскурин]

Максим Ленский, в вашем случае понятно. Просто вы комментируете, что там не реальные устройства, хотя это не так. Там даже есть возможность тестировать мобильные приложения. Это реальная ферма устройств. И если нужно раз в месяц протестировать как выглядит сайт (а это чаще не нужно, если не специализироваться на мобилках) то можно воспользоваться триальной версией browserstack на temp почте. Если же чаще, тогда конечно нужны устройства.

[Максим]

Владимир Проскурин, заблуждался значит ...

[freekir]

Тоже им пользуюсь.

Answer 3

[alex-1917]

нет макбука - не верстай для таких клиентов! как правило этот народ крайне обидчивый и пару косяков выведут тебя на околоземную орбиту.
Поклепай на джумле по 500р за проект, накопишь - начнешь делать проекты для серьезных дядек!

Comments

[denism300]

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

Answer 4

[profesor08]

https://app.lambdatest.com/

Есть dev tools

Comments

[freekir]

Не знал даже о таком. А там как устроено это эмуляция или реальные устройства удаленно дают потестить удаленно?

[profesor08]

freekir, виртуалка выделяется

Answer 5

[MoksS]

Если у вас есть iphone под рукой, то можно воспользоваться browser sync, заодно сможете сразу верстать и делать правки. Как им пользоваться в интернете информации полно, от вас скачать node, сам browser sync и запустить.

Comments

[MoksS]

@webdev34 тут все наглядно показано https://www.youtube.com/watch?v=cj29XdGzNt8
пожалуйста.

Answer 6

[marataziat]

https://www.google.com/search?q=how+site+looks Незабывайте что у макбуков ретинный дисплей, там почти любая растровая картинка выглядит некрасиво

Answer 7

[Анатолий Смилик]

Рассмотрите вариант установки виртуальной машины с макосью. В ней установите инструмент, позволяющий имитировать разные версии яблочных устройств. Я использовал, именно, такой вариант, когда надо было посмотреть ошибки верстки под яблоки.

Answer 8

[Mikhail Derkach]

responsinator
не является панацеей в чистом виде. посмотреть можно, но dev tools не имеет

Comments

[hckn]

Ересь, для людей не понимающих что они делют.