Qué saber
- Haga clic derecho en la página web y elija Ver código fuente .
- Atajo: Presione Control + EN (PC con Windows) o Dominio + Opción + EN (Mac).
- Para utilizar las herramientas para desarrolladores de Chrome, seleccione Menú (tres puntos) > Más herramientas > Herramientas de desarrollo .
Este artículo explica cómo acceder al código fuente HTML de un sitio web en el navegador web Google Chrome, así como acceder y utilizar las herramientas de desarrollo de Chrome. Ver el código fuente de un sitio es una excelente manera para que los principiantes aprendan HTML.
Ver código fuente en Chrome
Entonces, ¿cómo se ve el código fuente de un sitio web? Aquí tienes las instrucciones paso a paso para hacerlo utilizando el navegador Google Chrome.
-
Abre el Navegador web Google Chrome (Si tu no tienes Google Chrome instalado , Esta es una descarga gratuita).
-
Navega hasta el página web que le gustaría examinar .
-
Botón derecho del ratón la página y mira el menú que aparece. Desde ese menú, haga clic en Ver código fuente .
-
El código fuente de esa página ahora aparecerá como una nueva pestaña en el navegador.
-
Alternativamente, también puedes usar los atajos de teclado de Control + EN en una PC para abrir una ventana que muestra el código fuente de un sitio. En una Mac, este atajo es Dominio + Opción + EN .
Hilary Allison / Lifewire
icono de batería en gris windows 10
Utilice las herramientas para desarrolladores de Chrome
Además de lo sencilloVer código fuentecapacidad que ofrece Google Chrome, también puedes aprovechar su excelente Herramientas de desarrollo para profundizar aún más en un sitio. Estas herramientas le permitirán no sólo ver el HTML, sino también el CSS que se aplica para ver los elementos en ese documento HTML.
Para utilizar las herramientas para desarrolladores de Chrome:
-
Abierto Google Chrome .
-
Navegar a la página web que le gustaría examinar .
-
Selecciona el menú de tres puntos en la esquina superior derecha de la ventana del navegador.
-
Desde el menú, coloca el cursor sobre Más herramientas y luego elegir Herramientas de desarrollo en el menú que aparece.
-
Se abrirá una ventana que muestra el código fuente HTML a la izquierda del panel y el CSS relacionado a la derecha.
-
Alternativamente, si hace clic derecho un elemento en una página web y seleccione Inspeccionar En el menú que aparece, aparecerán las herramientas de desarrollo de Chrome y resaltarán la parte específica que eligió en el HTML con el CSS correspondiente que se muestra a la derecha. Es muy útil si desea obtener más información sobre una parte particular de un sitio.
cómo sacar a la gente de tu hulu
¿Es legal ver el código fuente?
A lo largo de los años, muchos diseñadores web nuevos se han preguntado si es aceptable ver el código fuente de un sitio y usarlo para su educación y, en última instancia, para el trabajo que realizan. Si bien copiar el código de un sitio al por mayor y hacerlo pasar como propio en un sitio web ciertamente no es aceptable, usar ese código como trampolín para aprender es en realidad cuántos avances se logran en esta industria.
Como mencionamos al comienzo de este artículo, sería difícil encontrar hoy en día un profesional web que no haya aprendido algo al ver el código fuente de un sitio. Sí, ver el código fuente de un sitio es legal. Usar ese código como recurso para construir algo similar también es seguro. Tomar el código tal como está y hacerlo pasar como su trabajo es donde comienza a encontrar problemas.
Al final, los profesionales web aprenden unos de otros y a menudo mejoran el trabajo que ven y que les inspira, así que no dude en ver el código fuente de un sitio y utilizarlo como herramienta de aprendizaje.
Más que solo HTML
Una cosa que debe recordar es que los archivos fuente pueden ser muy complicados (y cuanto más complejo sea el sitio web que está viendo, más complejo será probablemente el código de ese sitio). Además de la estructura HTML que conforma 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 actuales incluirán archivos de script junto con el HTML.
Es probable que se incluyan varios archivos de script; de hecho, cada uno impulsa diferentes aspectos del sitio. Francamente, el código fuente de un sitio puede parecer abrumador, especialmente si eres nuevo en esto. No se frustre si no puede descubrir qué está pasando con ese sitio de inmediato. Ver la fuente HTML es solo el primer paso de este proceso. Con un poco de experiencia, comenzarás a comprender mejor cómo encajan todas estas piezas para crear el sitio web que ves en tu navegador. A medida que se familiarice con el código, podrá aprender más de él y no le parecerá tan desalentador.
Preguntas más frecuentes- ¿Cómo edito código HTML en Chrome?
Abra Herramientas de desarrollador en Chrome presionando Control (o Dominio en una Mac) + Mayús + yo . Desde allí, presione Control ( Dominio en Mac) +O y seleccione el archivo fuente guardado que desea editar para abrirlo.
cómo cambiar tu carácter de óxido
- ¿Cómo veo el código fuente de la página en Chrome si Ver código fuente está deshabilitado?
Si un sitio web ha desactivado la opción Ver código fuente, es posible que aún puedas echar un vistazo debajo del capó. Desde la parte superior de la ventana del navegador, seleccione Vista > Desarrollador > Ver fuente , que debería mostrar el código fuente de la página web.
- ¿Cómo veo el código fuente de un sitio en Chrome usando mi dispositivo Android?
Navegue hasta el sitio web que desea ver usando la aplicación Chrome de su dispositivo, luego seleccione la barra de direcciones del navegador. Mueva el cursor de texto hacia el extremo izquierdo, frente a la URL, y escriba ver fuente , entonces presione Ingresar o seleccione Ir .
