Saltar al contenido

¿Cómo veo el código fuente en Chrome?

Abrir html en chrome

Como todos sabemos, los valiosos datos que obtenemos de Internet se nos ofrecen a través de un lugar llamado sitio web. Un sitio web es un almacenamiento que muestra, exhibe e incluye contenidos multimedia. Estos incluyen el diseño de temas o enlaces relacionados, así como la disposición de los hechos y la información en la pantalla.

Sin embargo, nunca ha sido fácil crear un sitio web tan satisfactorio. Para construir una obra tan complicada, los diseñadores tienen que escribir mucho código. Por ello, el código utilizado para crear la base de un sitio web se denomina código fuente. Dado que el código fuente es práctico, muchos usuarios con experiencia y conocimientos de programación quieren poseerlo. Consulta la siguiente guía para ayudarte a videar el código fuente de un sitio web.

Esta es una guía paso a paso para ver el código fuente en Internet Explorer: Paso 1. Abra el sitio web del que desea obtener el código fuente. Recuerda escribir la dirección correctamente para evitar efectos secundarios inesperados. Paso 2. Haz clic con el botón derecho del ratón en el sitio web y selecciona la opción Ver código fuente.

Ver-fuente

Las extensiones que instalas en el navegador Chrome de tu ordenador no son más que un grupo de archivos de código fuente que realizan las actividades predefinidas. Algunas mentes curiosas pueden querer ver el código exacto que construye estas extensiones. Mientras que ver el código fuente de una página web en Chrome es tan fácil como hacer clic con el botón derecho en la página y seleccionar una opción, acceder al código fuente de una extensión de Chrome no es tan fácil.

Aunque los archivos de las extensiones que instalas en Chrome se guardan en tu ordenador, no son muy fáciles de encontrar ya que sus nombres de carpeta son algo científicos. Sin embargo, con el método que te presentamos a continuación deberías ser capaz de revelar esas carpetas donde se encuentran los archivos fuente de las extensiones.

Lo que verá aquí es un número de carpetas con algunos nombres confusos. Aunque estas carpetas son para las extensiones que has instalado en Chrome, no tienen el mismo nombre que el de la extensión, y por lo tanto es difícil encontrar la carpeta de tu extensión.

Ver código html

Sitúe el puntero del ratón sobre un área abierta de la página. Haga clic con el botón derecho del ratón y seleccione «Ver fuente de la página» en el menú contextual. También puede hacer clic en el botón de la llave inglesa situado en la esquina superior derecha de la ventana y seleccionar «Herramientas» y «Ver fuente». En un PC, también puedes acceder al código fuente de una página pulsando simultáneamente «Ctrl» y «U». El código fuente de la página aparece en una nueva pestaña del navegador.

Escriba el término que busca. A medida que escribe, todas las instancias del término buscado se resaltan dentro del código fuente. También aparecen barras amarillas en la parte derecha de la ventana que le permiten desplazarse rápidamente para encontrar ese término en diferentes áreas del documento.

Fuente de la vista móvil de Chrome

A lo largo de los años, muchos nuevos diseñadores web se han preguntado si es aceptable ver el código fuente de un sitio y utilizarlo para su educación y, en última instancia, para el trabajo que realizan. Mientras que copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web es ciertamente inaceptable, el uso de ese código como un trampolín para aprender es en realidad cómo se hacen muchos avances en esta industria.

Una cosa que hay que recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que estás viendo, más complejo será el código de ese sitio). Además de la estructura HTML que compone la página, también habrá CSS (hojas de estilo en cascada) que dictan la apariencia visual de ese sitio. Además, muchos sitios web de hoy en día incluirán archivos de script junto con el HTML.

Es probable que se incluyan varios archivos de script; de hecho, cada uno de ellos impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No te sientas frustrado si no puedes averiguar lo que está pasando con ese sitio inmediatamente. Ver el código fuente HTML es sólo el primer paso en este proceso. Con un poco de experiencia, empezarás a entender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que te familiarices con el código, podrás aprender más de él y no te parecerá tan desalentador.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad