Conozco Firebug y las herramientas de desarrollador para los principales navegadores de escritorio modernos, pero no encuentro ninguna forma de depurar el código JavaScript en los navegadores móviles.Cómo depurar código JavaScript con navegadores móviles
¿Cuáles son algunas técnicas de alto nivel que puedo usar para depurar código en navegadores móviles?
Los dispositivos Android se pueden poner en modo desarrollador al acceder a la configuración> Estado del teléfono y luego hacer clic en "Número de compilación" 7 veces. Esto le permite hacer un bunch of things (see step 5) incluyendo depuración de USB. (Algunos dispositivos pueden tener el número de compilación en Información de software)
Para activar la depuración de USB, busque en Configuración para las recién aparecidas "{} Opciones de desarrollador", ábralo y active la depuración de USB. Conecte su dispositivo usando una conexión USB directa.
En Chrome, en el escritorio, en el panel de herramientas de desarrollador habitual que se utiliza para la depuración, busque en el menú más herramientas> dispositivos remotos. Con los dispositivos USB Discover seleccionados, ahora debería ver su dispositivo móvil en el lateral.
Selecciónelo para ver una lista de todas las pestañas de cromo que tiene abiertas y la posibilidad de ingresarlas directamente.
Seleccionar uno de los enlaces abrirá una nueva ventana con un espejo de la pantalla del dispositivo a la izquierda y todas las herramientas familiares de depuración de cromo a la derecha. Todavía puede controlar su dispositivo directamente o usar el mouse en la pantalla reflejada. Incluso gira.
detalles completos on remote debugging de Google y how to enable developer mode (enlace como anteriormente) de askvg.com
Este método también está disponible para Firefox. para [más información] (https://developer.mozilla.org/en/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE) –
Puede depurar en Safari Mobile con cualquier iPhone/iPad. En el menú del desarrollador puede encontrar su dispositivo y luego puede depurar su código con el inspector.
Si tienes un dispositivo Android en su lugar, puede depurar el Chrome de escritorio (recuerde activa el modo de depuración) con chrome://inspect
en el iPhone se puede entrar en la configuración> Safari> avanzado y convertir inspector web en
Android proporciona un conjunto de herramientas para estos fines: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
de Apple lo hace de una manera similar: https://developer.apple.com/safari/tools/
Tutorial: https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/
Lo que hago es mirar la versión móvil en un navegador de escritorio y depurarlo allí. –
@JohnIsaacks Algunos sitios web muestran incorrectamente en el navegador de escritorio. Nuestro deber es depurarlo en un dispositivo real y arreglarlo para el navegador de escritorio. – Emerald214
La mayoría de las veces se trata del tamaño, por lo que hay algunas herramientas en línea como http://responsinator.com que muestran una página en diferentes teléfonos y tamaños de tableta, ¡todo en una sola página! [Aquí] (http://www.gonzoblog.nl/2012/03/21/10-testing-tools-for-responsive-web-design/) hay una lista de 10 de ellos. Como probé http://responsinator.com funciona incluso con las URL de tu localhost. Personalmente, estas herramientas responden a la mayoría de mis necesidades similares de diseño web receptivo. También es posible simular diferentes agentes por [chrome] (http://googlesystem.blogspot.com/2011/12/changing-user-agent-new-google-chrome.html). –