O desenvolvimento de página web mobile é difícil de testar por envolver outros aparelhos. Mas os browsers mais novos já possuem recurso de debug remoto. Além do iOS, o Chrome Mobile também traz esse recurso.

Embora ainda não haja suporte nativo para debug do browser padrão do Android, o suporte no Chrome é muito bom. Ele apenas para Android 4 e já foi anunciado como futuro substituto do browser padrão do Android.

(eu já escrevi aqui no blog também como debugar páginas no Mobile Safari do iOS 5+)

Pré-requisitos

Configurações no celular

Debug do celular via Desktop

  ./adb devices
./adb forward tcp:9222 localabstract:chrome_devtools_remote
O Web Inspector aberto no Chrome Desktop. A página no Chrome Mobile sendo alterada em real-time.
Debugando uma página do celular no Desktop