Iphone Remote Debugging

В ios6 появилось много новых фич: поддержка <input type="file">, requestAnimationFrame, remote debugging и еще много чего.

Safari Remote Debugging

Недавно я попробовал remote debugging — в пару тапов и кликов можно получить доступ в обычному вебкитовскому веб-инспектору и всей его мощи: к консоли, изменению html и css на лету, отладке JS. Для активации нужно включить web inspector на айфоне: Settings -> Safari -> Advanced -> Web Inspector.

После этого, открыв страницу в сафари (на айфоне), можно получить к ней доступ через сафари на компе (не забудьте включить Develop Menu в Preferences → Advanced):

Работает всё очень быстро, есть доступ ко всем функциям веб-инспектора, но телефон нужно подключать к компьютеру кабелем, через WiFi всё сделать у меня так и не вышло. Плюс, есть возможность аналогичным способом отлаживать страницы, открытые в iOS эмуляторе из xCode (не забудьте его предварительно обновить).

Adobe Edge Inpect

Помимо стандартного решения, есть софт от Адоби, до недавнего времени называвшийся Shadow, а теперь Edge Inspect. Для использования нужно скачать приложение для айфона или айпада в апп сторе, расширение для гугл хрома и десктопное приложение. Для подключения нужно

• Запустить десктопное приложение, которое будет работать в фоне;
• Открыть расширение и в нём посмотреть ip:

• Запустить приложение на айфоне и добавить подключение, ввести показанный ip:

• В расширении ввести passcode:

• Открыть страницу в Хроме (открытая вкладка продублируется на айфоне) и запустить Remote Inspection:

После этого вам будет доступен веб-инспектор.

Из минусов: нужно ставить 3 программы, десктопное приложение периодически просто зависает, а сам процесс дебага очень томозной, вне зависимости от скорости вашего вай-фая, не все функции веб-инспектора доступны, например, я не нашел js-профайлера.

Из плюсов: такой вариант можно использовать с iOS начиная с 4й версии