15 comandos de línea de comando gráfica (GCLI) en Firefox para desarrolladores de aplicaciones para usuario

No importa cuántos botones y menús sofisticados tengamos, siempre hay programadores que aprecian acceso a linea de comando en su entorno de trabajo, especialmente cuando elimina la búsqueda del botón o menú derecho que muestra la configuración necesaria en nuestra línea de visión.

Firefox ha tenido una Intérprete de línea de comando gráfico, o en resumen un GCLI Desde hace un tiempo, y ha ido ampliando su conjunto de comandos con el tiempo. Los comandos GCLI proporcionan a los desarrolladores una Acceso rápido a herramientas de desarrollo y configuración.. También tiene un característica de autocompletar; Si presiona la tecla Tab al escribir cualquier comando, se ingresarán los comandos sugeridos por GCLI..

La barra de herramientas

De Firefox GCLI también es conocido como Barra de herramientas del desarrollador. Existen tres maneras Para abrirlo:

Presiona el atajo de teclado Shift + F2.
Haga clic en el “Menú abierto” (hamburguesa) en el lado más a la derecha de la barra de direcciones (a la derecha del botón Inicio), luego haga clic en el Desarrollador> Barra de herramientas del desarrollador submenu.
En la barra de menú superior, marque la Herramientas> Desarrollador web> Barra de herramientas del desarrollador opción.

Una vez que la barra de herramientas del desarrollador está abierta, puedes verla en la parte inferior de la ventana del navegador. Si has decidido trabajar con el GCLI, Aconsejaría dejarlo abierto todo el tiempo mientras se trabaja..

Ahora veamos algunas tareas útiles que puedes realizar en Firefox usando su GCLI.

1. Eliminar elementos de la página.

Mando: pagemod eliminar elemento

Cuando necesite echar otro vistazo al diseño de una página web con algunos elementos eliminados, solo escribe el comando pagemod eliminar elemento en la línea de comandos de Firefox para eliminar esos elementos de la página.

El valor de necesita ser un Selector de CSS válido en la página.. Digamos, en una página que desea eliminar todos los enlaces (específicamente) de la clase .btn, el comando se escribe como: pagemod eliminar elemento a.btn.

Generalmente, el comando pagemod se utiliza para modificando una página, ya sea eliminando o reemplazando elementos o atributos elegidos.

2. Medir elementos.

Mando: medida

Si quieres saber la medida De cualquier módulo visual en una página web, hay una herramienta para eso. los “medida” La herramienta es accesible a través del conjunto de herramientas de desarrollador web típico y el GCLI.

Escriba e ingrese el medida comando en la línea de comando, y el cursor convertirse en una cruz. Las medidas serán se muestra en píxeles junto al cursor en forma de cruz, y son de la ancho, alto y diagonal del área seleccionada. Deshabilitar la herramienta., ejecute el medida mando.

3. Edita archivos rápidamente

Mando: editar

comienzo editando los recursos de tu página con el editar mando. Mientras escribe el comando, verá la URIs de todos los recursos disponibles. desde esa página, que puede navegar utilizando las teclas de flecha arriba y abajo. Una vez que haya seleccionado el recurso que desea editar, presione Tab para autocompletar la sugerencia y presione Entrar, y Herramienta de edición del navegador. se abrirá con el archivo elegido.

4. Busque propiedades CSS desconocidas

Mando: mdn css

Este es un comando bastante bueno, es una especie de diccionario emergente para propiedades CSS. Si se encuentra con una propiedad de CSS desconocida y desea verificar qué significa, ejecute el comando mdn css en el GCLI con reemplazado por el nombre real de esa propiedad desconocida.

Aparecerá una ventana emergente con el “definición” para esa propiedad CSS justo encima de la barra de herramientas. La definición es una Extracto de la página oficial de la Red de Desarrolladores de Mozilla (MDN) de la propiedad dada. El glosario de propiedades CSS, elementos HTML y API web de MDN son altamente citados.

Si el texto que se muestra en la ventana emergente no es suficiente, y Quiere saber más, puede hacer clic en el enlace Visita la página de MDN dentro de la ventana emergente, y se abrirá la página MDN correspondiente para esa propiedad. En este momento, este comando solo está disponible para las propiedades CSS.

5. Cambiar el tamaño de la página

Mando: cambiar el tamaño a

La herramienta de cambio de tamaño te permite ver cómo se ve tu página. redimensionado a dimensiones especificas, lo que puede ser útil cuando desea obtener una vista previa de la apariencia de su página en dispositivos con dimensiones diferentes de la que está trabajando en.

Firefox también tiene un atajo de teclado para abrir esta herramienta: Ctrl + Shift + M (Cmd + Alt + M para Mac). Pero si ya saber las dimensiones exactas para ser utilizado para el cambio de tamaño, la forma más rápida es ejecutar el redimensionar Comanda con las dimensiones que necesites..

Las dimensiones son interpretado en píxeles. Una vez que se ejecuta el comando, verá la página redimensionada.

6. Reinicie el navegador

Mando: reiniciar

Este comando es evidente por sí mismo. Para reiniciar Firefox, simplemente escriba reiniciar en la línea de comandos y presione Entrar; puede ser útil cuando instala complementos o complementos que requieren un reinicio.

7. Abra su carpeta de perfil de Firefox

Mando: carpeta openprofile

Cada usuario de Firefox obtiene su propia carpeta de perfil local ese almacena archivos específicos del usuario, tales como marcadores y la /cromo carpeta. Cuando personalice Firefox, es posible que deba ver y modificar el contenido de esta carpeta..

La forma alternativa de abrir esta carpeta es hacer clic en el botón Mostrar carpeta en la acerca de: soporte página. Al ejecutar el comando carpeta openprofile en la línea de comandos de Firefox, verás tu carpeta de perfil abierto a la vez.

8. Copia los valores de color.

Mando: cuentagotas

Además del hecho de que solo admite el formato hexadecimal, el cuentagotas es una herramienta brillante para copiando el valor del color De cualquier tonalidad visible en una página web. Ingrese el comando cuentagotas en el GCLI para cambiar la operatividad de la herramienta.

9. Prueba bibliotecas externas

Mando: inyectar

Si quieres probar algunas bibliotecas externas en su página web, en lugar de sumergirse en el código fuente para hacer las adiciones temporales, solo use el inyectar orden a insertar las bibliotecas. Por ejemplo, para incluir jQuery solo escribe inyectar jQuery.

Al ejecutar el comando, el recurso será importado a la página insertando un > etiqueta en el sección del documento HTML.

 10. Tomar capturas de pantalla
 Mando: captura de pantalla 
 los herramienta incorporada para tomar capturas de pantalla En Firefox es bastante potente. Por ejemplo, puede apuntar a elementos individuales usando selectores de CSS, usar un temporizador, aplicar un dpr. Incluso puedes tomar una captura de pantalla de solo la parte cromada del navegador (área que rodea el contenido del usuario) utilizando el captura de pantalla --chrome mando.
 Las capturas de pantalla se guardan en el Carpeta de descargas del navegador en formato PNG.
  
11. Reglas abiertas
 Mando: gobernantes
 Otra herramienta interesante de Firefox que es fácilmente accesible a través de GCLI. los gobernantes mando Muestra reglas horizontales y verticales. alrededor de la pagina Las medidas de los gobernantes son. en píxeles. Ejecuta el mismo comando para desactivar la regla..
  
12. Abre la consola y el depurador.
 Mando: consola abierta y dbg abierto
 Si el teclado se acorta para Abrir la consola web o la herramienta de depuración. Se me ha escapado, no se preocupe, simplemente escriba el comando simple consola abierta o dbg abierto en la línea de comandos de Firefox para abrir la herramienta correspondiente.
  
13. Contar los elementos de la página.
 Mando: qsa 
 Este ingenioso comando de GCLI realiza un rápido censo de elementos en una página web que coincide con cualquier selector CSS dado. Por ejemplo, para obtener la cuenta de todos  elementos en una página, use el qsa a mando.
  
14. Habilitar o deshabilitar complementos
 Mando: lista de complementos
 Si alguna vez necesitas encuestar y administrar tus complementos de Firefox, te recomiendo que use los comandos GCLI en lugar del menú de complementos porque la versión GCLI enumera todos los complementos y complementos, Incluyendo los preinstalados., que puede no estar listado en el menú de Complementos.
 Puede alternar el estado del complemento en el GCLI con el comando Añadir seguido por el subcomando relevante, ya sea habilitar o inhabilitar.
 En la demo de abajo puedes ver cómo deshabilitar rápidamente Pocket en Firefox.
  
15. Administrar la configuración
 Mando: pref show 
 Hay toneladas de configuración de personalización Los usuarios pueden acceder a través de Firefox acerca de: config página. Los mismos ajustes se pueden ver y modificar usando el GCLI también.
 Usar GCLI para acceder a la configuración de personalización es la opción más rápida Si ya sabe qué configuración desea ver o cambiar. A establecer un valor para un ajuste, utilizar el prefijado   comando, y a restablecer un ajuste, tipo reinicio pref. .
 En la demostración de abajo puedes ver cómo verifica la URI la inyectar jQuery El comando se ha inyectado en la página (consulte la sección 9 en este artículo):