Cómo Ver El Código Fuente De La Página

Tabla de contenido:

Cómo Ver El Código Fuente De La Página
Cómo Ver El Código Fuente De La Página

Video: Cómo Ver El Código Fuente De La Página

Video: Cómo Ver El Código Fuente De La Página
Video: Como Ver El Código Fuente De Una Página En Google Chrome 😱😱 2024, Mayo
Anonim

La navegación en un navegador se organiza de la siguiente manera: el programa envía una solicitud al servidor especificado en el enlace y, en respuesta, recibe un conjunto de "repuestos" e instrucciones de montaje. Los repuestos son imágenes, elementos flash, archivos de sonido y otros, e instrucciones sobre cómo colocarlos correctamente en la página, colorear su fondo, utilizar determinadas tipografías y tamaños de fuente, etc. están contenidos en el código fuente de la página. El usuario del navegador puede ver este código en sí mismo, y no solo la página ensamblada de acuerdo con sus instrucciones.

Cómo ver el código fuente de la página
Cómo ver el código fuente de la página

Instrucciones

Paso 1

Los navegadores modernos tienen una funcionalidad incorporada para ver el código fuente de una página. Por ejemplo, en Opera, para activar esta opción, haga clic en el espacio de la página abierta del sitio que está libre de imágenes, enlaces y otros elementos y en el menú contextual desplegable seleccione el elemento "Código fuente". El navegador abrirá la fuente en una pestaña separada, coloreando las líneas relacionadas con etiquetas HTML, scripts y texto sin formato en tres colores.

Paso 2

Los puntos similares, pero redactados de manera un poco diferente, se encuentran en el menú contextual y en otros navegadores. Por ejemplo, en Google Chrome este elemento se llama "Ver código de página", en Mozilla Firefox seleccione la línea "Código fuente de la página" e Internet Explorer - "Ver código HTML". El esquema de color del código también diferirá ligeramente en diferentes aplicaciones.

Paso 3

El navegador Google Chrome tiene una opción de vista de fuente mucho más avanzada. Para utilizarlo, en el mismo menú contextual, seleccione el elemento "Ver código de elemento". Después de eso, la pestaña con la página web abierta se dividirá en dos marcos: en el superior permanecerá su apariencia, y en el inferior habrá información detallada recopilada no solo de las etiquetas del código fuente, sino también del incluido. Archivos de estilo CSS. Puede seleccionar líneas de origen en el marco inferior, y el navegador resaltará en la parte superior aquellas áreas de la página que están formadas por estas líneas. Asimismo, al seleccionar un elemento en el marco superior, el código correspondiente se mostrará en el inferior.

Paso 4

Si la página se guarda en el disco duro de su computadora, el archivo se puede abrir con cualquier editor de texto; el código fuente se escribe en él como texto sin formato. Simplemente arrastre este archivo a la ventana del Bloc de notas, Word o cualquier otra aplicación de este tipo. Con un editor normal, no solo puede ver el código fuente, sino también editarlo.

Recomendado: