Проверять мобильную версию вёрстки нужно не только в режиме эмуляции в браузере, но и на реальных устройствах. Главная причина — эмуляция учитывает не все нюансы работы конкретных устройств. Подробнее я писал в совете про тестирование мобильной вёрстки.
На Айфоне и Айпаде иногда встречаются заковыристые и странные баги, требующие вдумчивой отладки и экспериментов с кодом. Отлаживать такие (да и любые другие) баги гораздо проще с браузерными инструментами разработчика.
На Айфоне или Айпаде нет встроенных инструментов разработчика, но можно подключить устройство проводом к маку и открыть инструменты уже там:
Подключите устройство — айфон или айпад — проводом к маку;
На маке запустите Сафари;
Если в Сафари нет пункта меню «Разработка», включите его в настройках браузера;
На устройстве запустите Сафари и откройте страницу, которую хотите отладить;
На маке в Сафари в меню «Разработка» появится пункт с именем устройства и списком открытых там страниц, выберите нужную страницу и для неё откроются инструменты разработчика.
Инструменты разработчика значительно ускоряют и упрощают отладку вёрстки, потому что позволяют работать со страницей «на ходу»: вносить изменения в разметку и стили, выполнять Яваскрипт, проверять гипотезы и тут же видеть результат, не обновляя каждый раз страницу.
См. также: Remote debug Android devices.