La interfaz de usuario de Firefox

Question

Estoy intentando crear un tema para Firefox que coincida con el tema de mi sistema operativo. Actualmente estoy luchando por descubrir la estructura DOM que utilizan tanto Firefox como las extensiones, como Tree Style Tabs. Esto hace que sea imposible escribir el CSS para crear mi tema.

¿Hay alguna forma de inspeccionar la interfaz de usuario de Firefox?

Answer 1

La interfaz de usuario de Firefox

Para inspeccionar la interfaz de usuario de Firefox, puede utilizar elCaja de herramientas del navegador.

Habilite la caja de herramientas del navegador

1. Presione F12para abrir elInspector de página.
   Alterno: Haga clic derecho en la página y luego en "Inspeccionar elemento (Q)".

2. Presione F1para abrir elConfiguración del inspector de página.
   Alterno: en la parte superior derecha del inspector de página, junto al botón de cerrar; presione el botón "⋯" y luego "Configuración".

3. Asegúrese de que las siguientes configuraciones estén marcadas:

   • "Habilitar Chrome del navegador y la caja de herramientas de depuración de complementos"
   • "Habilitar la depuración remota"

Abra la caja de herramientas del navegador

1. Presione alt"Herramientas", "Desarrollador web" y luego "Caja de herramientas del navegador".
   Alterno: Prensactrlaltshifti

Extensiones

Puede utilizar la Caja de herramientas del navegador para inspeccionar extensiones. Además puedes inspeccionar extensiones a través deabout:debugging.

1. Navegar a about:debugging.
2. Vaya a la página "Este Firefox".
3. Busque la extensión que desea inspeccionar.
4. Presione "Inspeccionar".