iPad для веб-разработчика

Safari это новый IE

Если вы работаете с фронтендом, не важно, будь то вёрстка или логика, довольно быстро вы столкнётесь с жалобами, что в Safari на iOS что-то не работает. Не спешите брать в кредит айфон, который станет даунгрейдом после вашего телефона на андроиде. Присмотритесь лучше к iPad. Он стоит в три раза дешевле — что-то около 330 долларов. И скорее всего даже пригодится вам по хозяйству помимо рабочей деятельности. Лично я раньше не представлял, зачем мне нужен планшет. А теперь не представляю, как я раньше без него жил.

А теперь поговорим о всяких нюансах и хитростях при использовании iPad для веб-разработки.

1. В iOS нет браузеров кроме Safari. Да, в AppStore можно найти Chrome и другие приложения. Но они лишь мимикрируют под браузеры. На самом деле это WebView с WebKit и интерфейс к нему. Их даже нельзя назначить браузерами по умолчанию. В интернете можно даже встретить упоминания, что и Safari и все браузеры под iOS работают на одном и том же движке. Но вот тут и кроется нюанс — фактически WebKit внутри Safari и WebKit внутри WebView, хоть и похожи, но всё же имеют различия. В этом легко убедиться, открыв детектор возможностей браузера. В разработке стоит иметь в виду, что запускать чаще всего надо именно Safari.

2. Можно менять размер браузера, используя Split View в Safari или Split View самой iOS. Это разные функции с одинаковым названием.

3. iOS приложения, не адаптированные под iPad, выглядят просто отвратительно. Они представляют собой тупо экранчик, размером с телефон, занимающий всего треть площади планшета. Это может сыграть на руку. Устанавливаем неадаптированный браузер, например, Opera. И спокойно отлаживаем мобильную версию вашего сайта. Но не забываем про нюанс из первого пункта.

4. В некоторых случаях может пригодиться приложение WebView из AppStore. Позволяет загружать ссылку через разные WebView-компоненты: UIWebView, WKWebView, SafariVC

5. Если у вас нет мака, значит, у вас нет и десктопного Safari. Вы в жопе. Это единственный прямой способ открыть DevTools Safari на iOS. Альтернативой может стать установка на компе RemoteDebug iOS WebKit Adapter. Мне удалось завезти его раза с десятого. Стабильности не хватает, удобства тоже.
Другой вариант — установить MIHTool на сам планшет. Инструмент даже поражает своими возможностями. Хотя удобства в этом тоже маловато, всё же лучше, чем ничего. Какой-никакой доступ к консоли и базовый element inspector.

6. Вкладку из сафари нельзя просто открыть в хроме. Исправить это недоразумение можно через Shortcut Open in Chrome. Тот ещё костыль, но лучше, чем копировать-вставлять ссылку.

7. Транслировать экран планшета на компьютер можно через LonelyScreen (бесплатно) или Reflector 3 (платно)