Como ver el código fuente de una página

03/jul/2009 Diseño Web , , , , , , , 10 Comentarios

diseno_webEl código fuente de una página es el código HTML que la conforma y que permite que se vean las imágenes, textos, parrafos, separadores,… Viendo el código fuente de la página podemos descubrir como el diseñador de la misma ha estructurado el contenido.

Para poder ver el código fuente de la página tenemos varias formas. La principal y que ya empieza a estar soportada por algunos navegadores, es poner en la barra de direcciones:

view-source:URL_de_la_pagina

Por ejemplo, si queremos ver el código fuente de Ayuda en la Web, tendríamos que poner lo siguiente

view-source:http://www.ayudaenlaweb.com

Luego, dependiendo del navegado, tenemos diferentes formas de ver el código fuente de una página. Veamoslo por navegador:

Internet Explorer

  • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente”
  • Opción 2. En los menús Ver »; Código fuente

Firefox

  • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente de la página”
  • Opción 2. En los menús Ver » Código fuente de la página
  • Opción 3. Pulsar Ctrl+U

Google Chrome

  • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente de la página”

Safari

  • Opción 1. Pinchar con el botón derecho sobre la página y escoger la opción “Ver código fuente”
  • Opción 2. En los menús Visualización » Ver Código fuente.

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

10 comentarios en “Como ver el código fuente de una página”

Víctor Cuervo

Jasdf

no me funciona con el safari, como hago para ir al menu?

Víctor Cuervo

CESAR

Hola buen día, excelente info; mi pregunta es otra.
Quiero que en mi pagina, cuando el usuario escriba la url y le de click, antes de ir directamente al portal, aparesca una leyenda en donde se les avisa que algunas cosas estaran restringidas hasta nuevo aviso, que le den click en algun boton que les diga aceptar y acto seguido puedan revisar la pagina normalmente.
¿como puedo realizar eso?

gracias!

Víctor Cuervo

Ayuda en la Web

@Dj Luijo,

Me alegro que te haya gustado.

Víctor Cuervo

Ayuda en la Web

@Felipe,

Lo que hacen es deshabilitar el botón derecho para evitarlo. Puedes ver como hacerlo en http://lineadecodigo.com/javascript/deshabilitar-el-boton-derecho/

Espero que te sirva.

Víctor Cuervo

Dj Luijo

Genial Aporte…Gracias!!!

Víctor Cuervo

Felipe

Hola, muy buen artículo.

Me gustaría saber como hacen algunas webs para impedir acceder a su código fuente:

Por ejemplo, cuando intento acceder al código de la web http://www.coseom.com , automáticamente me sale una ventana diciendo: “heyo, that doesn’t work here ;-)”

Como se consigue proteger el código de esa manera?
Es posible acceder al codigo de alguan forma?

Gracias

Víctor Cuervo

Sergio

Muy bueno, gracias.

Víctor Cuervo

juan carlos

Exelente¡¡¡¡¡¡¡¡¡

Víctor Cuervo

Ayuda en la Web

Gracias @sergio. Me alegro que te haya gustado.

Víctor Cuervo

Sergio

Muy bueno

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*