¿Hay alguna manera de poder visualizar el código CSS de una página o de los archivos de javascript directamente?
Sí, es sencillo si tenemos acceso al archivo. Vamoa verlo en un ejemplo:
Cargamos la página en cuestión
Seleccionamos el menú Ver - Código fuente de la página (si utilizamos Firefox). hay opciones similares en otros navegadores. En IE sería menú ver - Código fuente.
El navegador muestra el código fuente de la página
Localizamos el archivo CSS cuyo código queremos visualizar. Podemos hacer esto buscando por .CSS desde la opción Buscar de nuestro navegador. En Firefox es CTRL+F.
Seleccionamos la dirección
Copiamos y pegamos en la barra de direcciones de nuestro navegador
Pulsamos Intro
Observamos como en la pantalla aparece el código CSS de la página
Esto mism ocurre si seleccionamos un archivo javascript, el cual podemos buscar como .js
Seguimos los pasos anteriores
Al pulsar Intro, el código aparecerá en nuestro navegador
Esto podemos verlo directamente y de una manera más cómoda, si tenemos instalado el add-on Web Developer Toolbar como explicábamos en esta nota.
Una vez instalado, seleccionamos menú Ver - Barras de herramientas - Web developer Toolbar para mostrar la barra del add-on
En la Web developer toolbar seleccionamos menú CSS - View CSS para ver el código CSS de la página
Y el menú Information - View JavaScript para ver el código JavaScript
Aquí vemos como se muestra el código CSS
Y aquí cómo se muestra el código JavaScript
Redactado en: Internet
0 comentarios:
Publicar un comentario