feed twitter facebook

Diseño Web » Como ver el código fuente de una página

July 3, 2009 por Ayuda en la Web . 8 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.

Entradas similares:

tags: , , , , , , ,

Artículos relacionados:

Enlaces de interés

8 Comments »

RSS feed for comments on this post.TrackBack URI

  1. Sergio
    January 18, 2010 #

    Muy bueno

  2. Ayuda en la Web
    January 20, 2010 #

    Gracias @sergio. Me alegro que te haya gustado.

  3. juan carlos
    January 23, 2010 #

    Exelente¡¡¡¡¡¡¡¡¡

  4. Sergio
    June 30, 2010 #

    Muy bueno, gracias.

  5. Felipe
    August 18, 2011 #

    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

  6. Dj Luijo
    January 8, 2012 #

    Genial Aporte…Gracias!!!

  7. Ayuda en la Web
    January 9, 2012 #

    @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.

  8. Ayuda en la Web
    January 9, 2012 #

    @Dj Luijo,

    Me alegro que te haya gustado.

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>