Ver fácilmente la fuente de los archivos incluidos en Firefox

En el mundo del desarrollo web, la mayoría del diseño ya no está en la página HTML, se ha movido a los archivos CSS y Javascript incluidos. El problema es que cuando quieres echar un vistazo al código no hay una forma realmente sencilla de ver esos archivos CSS / JS.

Hay una extensión llamada JSView que le permitirá ver fácilmente la fuente de los archivos incluidos de varias maneras diferentes.

Uso predeterminado de la instalación

Una vez que haya instalado la extensión, verá una nueva opción llamada "Ver código fuente de página - JSView". Lo llevará a la misma pantalla que el cuadro de diálogo Ver origen de página ...

Ahora, cuando esté en la pantalla Ver fuente, el menú Ver contendrá elementos de menú adicionales que le permitirán acceder rápidamente a los archivos incluidos.

Menú contextual de acceso rápido

Abre la pantalla de Opciones de JSView desde el menú Herramientas y desmarca la opción "Deshabilitar los menús emergentes de jsview" para agregar los menús adicionales al menú de clic derecho predeterminado.

También querrá elegir "Deshabilitar la vista de origen de página - JSView" para deshabilitar el elemento JSView redundante en el menú. Ahora, cuando hace clic con el botón derecho en cualquier página, puede acceder rápidamente a la fuente.

Tenga en cuenta que si desea una experiencia mínima, puede elegir deshabilitar todas las opciones y simplemente acceder a las funciones desde la ventana de origen de la vista.

Otras opciones

También puede elegir si desea abrir en una nueva ventana ...

O si usar un editor externo ...

Esta es una extensión realmente útil que ahora se ha convertido en parte de mi kit de herramientas de desarrollo web..

Descargar JSView Extension desde Mozilla Add-ons