En esta página se explica la instalación y uso de las extensiones en Google Chrome y se comentan las extensiones recomendadas para seguir los cursos de https://www.mclibre.org.
Extensiones recomendadas para el curso HTML y CSS
Estas son las extensiones recomendadas para seguir el curso Páginas web HTML y hojas de estilo CSS:
Extensión ColorZilla
ColorZilla es un selector de colores que permite obtener el código RGB de los píxeles de la pantalla.
Actualmente (septiembre de 2024), la versión más reciente de ColorZilla para Chrome es la versión 4.1, publicada el 22 de mayo de 2024.
Nota:Las siguientes capturas corresponden a ColorZilla en Firefox.
ColorZilla se instala en el extremo derecho de la barra de navegación de Firefox y de Chrome:
Para elegir el formato del código de color:
- Haga clic en el icono de ColorZilla y elija la opción Options:
- Despliegue el menú "Auto-copy color format", elija el formato del código de color deseado (en este curso se recomienda elegir el formato hsl) y haga clic en el botón Save. A continuación, la pestaña se puede cerrar haciendo clic en el icono de aspa.
Para copiar un color de la pantalla:
- Haga clic en el icono de ColorZilla. Al mover el ratón a la página, el cursor se convierte en una cruz y en la parte superior una ventana flotante muestra el color seleccionado:
- Sitúe el cursor sobre el píxel cuyo color se quiere averiguar. La barra flotante de ColorZilla muestra en todo momento el color y el código de color del píxel sobre el que se encuentra el cursor.
- Haga clic en el píxel. El valor del color se guardará en el portapapeles de Windows.
- A continuación ese valor se puede pegar en la hoja de estilo que estemos editando.
Extensión Show Frame
La extensión Show Frame añade a Chrome una opción en el menú contextual que permite abrir páginas web insertadas en páginas web mediante las etiquetas <iframe>, <object>, etc. Mediante esta extensión se puede ver únicamente esas páginas insertadas en una nueva pestaña, ventana, ventana de incógnito o en la misma pestaña.
Actualmente (septiembre de 2024), la versión más reciente de Show Frame para Chrome es la versión 1.2 publicada el 13 de septiembre de 2018.
Las capturas siguientes muestran un ejemplo de uso de la extensión Show Frame:
- En la plataforma Moodle de la Conselleria de Educación algunos recursos se muestran insertados en espacios reducidos.
- Para abrir ese recurso en una nueva pestaña, haga clic derecho en él y elija la opción :
- El recurso (en este caso, una página web) se puede leer cómodamente en la nueva pestaña:
Extensión Web Developer
Aunque las herramientas de desarrollador que incorpora Chrome permiten analizar con detalle una página web, hay extensiones como Web Developer que incluyen herramientas de análisis muy útiles.
Actualmente (septiembre de 2024, la versión más reciente de Web Developer para Chrome es la versión 3.0.1 publicada el 19 de junio de 2024.
Las capturas siguientes muestran un ejemplo de uso de la extensión Web Developer, concretamente para desactivar la hoja de estilo de una página web:
- Abra la página web cuya hoja de estilo quiere desactivar
- Haga clic en el icono de Web Developer (una rueda dentada). Se mostrará una ventana con todas las herramientas de Web Developer organizadas por temas en pestañas. Haga clic en la pestaña CSS. Se mostrarán todas las herramientas relacionadas con hojas de estilo. Haga clic en "Disable All Styles" para desactivar los estilos y aplicar únicamente la hoja de estilo predeterminada del navegador:
- Inmediatamente se verá la página web sin estilos:
- El icono de Web Developer indica el número de herramientas aplicadas (en este caso, una):
- Para volver a aplicar la hoja de estilo, simplemente actualice la página (F5).
Extensión Html Validator
Esta sección está en elaboración.
Html Validator añade a Chrome una pestaña en las herramientas de Desarrollador Web que permite validar páginas web con el validador del W3C. Html Validator está incluida en Chrome web store.
Actualmente (septiembre de 2024), la versión más reciente de Html Validator para Chrome es la versión 0.9.9.8 publicada el 28 de diciembre de 2022.
