En el mundo del desarrollo web, la mayor parte del diseño ya no está en el HTML de la página, sino que se ha trasladado 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.
Existe una extensión llamada JSView que le permitirá ver fácilmente el origen de los archivos incluidos de diferentes formas.
Uso de instalación predeterminado
Una vez que haya instalado la extensión, verá una nueva opción llamada "Ver código fuente de la página - JSView". Lo llevará a la misma pantalla que el cuadro de diálogo Ver fuente de página normal ...
Ahora, cuando se encuentre 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
Abra la pantalla Opciones de JSView desde el menú Herramientas y desmarque el elemento "Deshabilitar menús emergentes de jsview" para agregar los menús adicionales al menú predeterminado del botón derecho.
También querrá elegir "Deshabilitar Ver código fuente 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 la experiencia más mínima, puede optar por desactivar todas las opciones y simplemente acceder a las funciones desde la ventana de la fuente de visualización.
Otras opciones
También puede elegir si desea abrir en una nueva ventana ...
O si utilizar 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 la extensión JSView de los complementos de Mozilla
