{{ToolsSidebar}}
La página about:debugging proporciona un lugar desde el que puede adjuntar las herramientas de desarrollador de Firefox a varios objetivos de depuración. Por el momento, admite tres tipos principales de objetivos: complementos que no requieren reinicio (restartless add-ons), pestañas y trabajadores.
Hay dos formas de abrir el about:debugging:
Cuando about:debugging se abre, en el lado izquierdo verá una barra lateral con dos opciones e información sobre su configuración de depuración remota:
Use la pestaña Configuración para configurar la conexión a su dispositivo remoto.
Si su página about:debugging es diferente de la que se muestra aquí, vaya a about:config, busque y establezca la opción devtools.aboutdebugging.new-enabled en true.
Firefox admite la depuración a través de USB con dispositivos Android, utilizando la página about:debugging.
Antes de conectarte:
Si su dispositivo no aparece en el lado izquierdo de la página about:debugging, intente hacer clic en el botón Actualizar dispositivos.
Si aún no aparece, puede deberse a que el enlace entre su dispositivo Android y su computadora aún no está autorizado. Primero asegúrese de haber instalado Android Debug Bridge de Android Tools en su computadora para que pueda conectarse a su dispositivo. A continuación, deshabilite todas las configuraciones de depuración ya activadas y repita los pasos descritos anteriormente. Su dispositivo debe mostrar una ventana emergente para autorizar a su computadora a conectarse a él; acepte esto y luego haga clic en el botón Actualizar dispositivos nuevamente. El dispositivo debería aparecer.
Nota: No necesita instalar el SDK completo de Android Studio. Solo se necesita adb.
Para comenzar una sesión de depuración, primero abra la página que desea depurar y luego haga clic en Conectar al lado del nombre del dispositivo para abrir una conexión. Si la conexión fue exitosa, ahora puede hacer clic en el nombre del dispositivo para cambiar a una pestaña con información sobre el dispositivo.
La información en esta página es la misma que la información en la pestaña Este Firefox, pero en lugar de mostrar información para su computadora, muestra la información para el dispositivo remoto con la adición de una sección de Pestañas con una entrada para cada una de las pestañas abiertas en el dispositivo remoto.
Nota: Si la versión de Firefox en su dispositivo es una versión anterior (o más) a la versión de su computadora, es posible que vea un mensaje como el siguiente:
En Firefox 76 y superior, el mensaje puede tener el siguiente aspecto:
En la imagen de abajo, hay tres pestañas abiertas: Network or cache Recipe, Nightly Home, y About Nightly. Para depurar el contenido de una de estas pestañas, haga clic en el botón Inspeccionar junto a su título. Cuando lo haga, las Herramientas para desarrolladores se abrirán en una nueva pestaña.
Ademas de la lista habitual de herramientas, tambien puede ver información sobre el dispositivo al que está conectado, incluido que está conectado (en este ejemplo) a través de USB, a Firefox Preview, en un Pixel 2, así como el título del página que está depurando y la dirección de la página.
A partir de Firefox 78, la barra de URL es editable, por lo que puede cambiar la URL utilizada por el navegador en el dispositivo remoto. También puede volver a cargar la página haciendo clic en el botón Reload junto a la barra de URL (a partir de 79), navegar hacia atrás o hacia adelante en el historial de navegación con los botones Atrás y Adelante.
Puede conectarse a un servidor de depuración de Firefox en su red o en su máquina de depuración utilizando la configuración de Ubicación de red de la página about:debugging.
Ingrese la ubicación y el puerto en el que se ejecuta el servidor del depurador. Cuando lo haga, se agregará a la lista de ubicaciones de red junto con los dispositivos, como se muestra a continuación:
La pestaña Este Firefox combina las características de Extensiones, Pestañas y Trabajadores en una sola pestaña con las siguientes secciones:
Si las extensiones internas aparecen en la lista de esta página depende de la configuración de la preferencia devtools.aboutdebugging.showHiddenAddons. Si necesita ver estas extensiones, navegue hasta about:config y asegúrese de que la preferencia esté establecida en true.
Con el botón Cargar complemento temporalmente puede cargar temporalmente una extensión web desde un directorio en el disco. Haga clic en el botón, navegue hasta el directorio que contiene el complemento y seleccione su archivo de manifiesto. La extensión temporal se muestra debajo del encabezado Extensiones temporales.
No tiene que empaquetar o firmar la extensión antes de cargarlas. La extensión permanecerá instalada hasta que reinicie Firefox.
Las principales ventajas de este método, en comparación con la instalación de un complemento desde un XPI, son:
Una vez que haya cargado una extensión temporal, puede ver información sobre ella y realizar operaciones.
Puede usar los siguientes botones:
Se muestra otra información sobre la extensión:
Si instala una extensión de esta manera, ¿qué sucede cuando actualiza la extensión?
content_scripts, browser_action o cualquier otra llave surtirán efectoLas extensiones instaladas permanentemente se enumeran en la sección Extensiones. Para cada extensión Ud. verá algo como lo siguiente:
El botón Inspeccionar y los campos ID de extensión y UUID interno son los mismos que para las extensiones temporales.
Al igual que sucede con las extensiones cargadas temporalmente, el enlace junto a la URL del manifiesto abre el manifiesto cargado en una nueva pestaña.
Nota: Se recomienda que use la caja de herramientas del navegador, no el depurador de complementos, para depurar extensiones web. Vea Depuración de WebExtensions para todos los detalles.
La sección Complementos en about:debugging enumera todas las extensiones web que están instaladas actualmente. Al lado de cada entrada hay un botón etiquetado Inspeccionar.
Nota: esta lista puede incluir complementos que vienen preinstalados con Firefox.
Si hace clic en Inspeccionar, el depurador de complementos comenzará en una nueva pestaña.
Consulte la página del depurador de complementos para ver todas las cosas que puede hacer con esta herramienta.
Esta sección muestra todos los Workers que tienes registrados en tu Firefox, clasificados de la siguiente manera:
Puede conectar las herramientas de desarrollador a cada trabajador y enviar notificaciones push a los trabajadores del servicio.
La lista de trabajadores de servicio muestra el estado del trabajador de servicio en su ciclo de vida. Son posibles tres estados:
Esta sección utiliza una demostración simple de ServiceWorker, alojada en https://serviceworke.rs/push-simple/.
Nota: Desde Firefox 79 en adelante, puede acceder a información similar sobre los Service Workers registrados en un dominio en particular yendo al panel de Aplicación de Firefox DevTools.
Haga clic en el botón Cancelar registro para cancelar el registro del trabajador de servicio.
Para depurar notificaciones push, puede establecer un punto de interrupción en el detector de eventos push. Sin embargo, también puede depurar notificaciones push localmente, sin necesidad del servidor. Haga clic en el botón Push para enviar un evento push al trabajador del servicio.
Se muestra un mensaje de advertencia en la parte superior de la pestaña Este Firefox si los trabajadores del servicio son incompatibles con la configuración actual del navegador y, por lo tanto, no se pueden usar ni depurar.
Los trabajadores de servicio pueden no estar disponibles si la preferencia dom.serviceWorkers.enable está configurada como false en about:config.
Las versiones de Firefox para Android que se basan en la versión 68 no se pueden depurar desde las versiones de escritorio de Firefox 69 o posteriores, debido a la diferencia en las versiones de lanzamiento. Hasta el momento en que Firefox para Android se actualice a una versión principal más reciente, en sincronización con Firefox de escritorio, debe usar una de las siguientes versiones de Firefox para Android:
Si prefiere realizar la prueba con la versión principal de Firefox para Android (es decir, según la versión 68), puede hacerlo con la versión de soporte extendido (ESR) de Firefox para escritorio, que también se basa en la versión 68.
Tenga en cuenta queen about:debugging la depuración no está habilitada de forma predeterminada en Firefox ESR. Para habilitarlo, abra el Editor de configuración (about:config) y establezca devtools.aboutdebugging.new-enabled en true.
Si utilizó una versión superior de Firefox antes de instalar Firefox ESR, se le pedirá que cree un nuevo perfil de usuario para proteger sus datos de usuario. Para obtener más información, consulte ¿Qué sucede con mi perfil si cambio a una versión anterior de Firefox?