Si te hablamos de c贸mo abrir el c贸digo fuente de una web聽es posible que pienses que eso es cosa de programadores con experiencia y que t煤 no te quieres meter en eso.
Nada m谩s lejos de la realidad: no necesitas tener conocimientos avanzados para acceder al c贸digo de cualquier web por la que est茅s navegando.
En este post te vamos a explicar c贸mo ver el c贸digo fuente en los principales navegadores de Internet, tanto en Windows como en MAC.
Sigue las instrucciones paso a paso que te dejamos a continuaci贸n y ver谩s como no necesitas ser un as del c贸digo fuente para acceder a 茅l en los sitios web que necesites.
C贸mo ver el c贸digo fuente de una web desde PC
Si utilizas un PC con Windows y no sabes c贸mo acceder al c贸digo fuente de una web聽solo tienes que seguir los pasos que te indicamos a continuaci贸n, dependiendo del navegador web que est茅s utilizando.
Chrome
En el caso de que est茅s en Google Chrome cuentas con tres formas distintas de ver el c贸digo fuente de la web en la que est谩s navegando.
- Abre el navegador y haz clic en los tres puntos verticales que encontrar谩s en la esquina superior derecha del navegador, vuelve a hacer clic en 芦M谩s herramientas禄 y despu茅s clic en 芦Ver c贸digo fuente芦.
- Pulsa Control + U
- Haz clic con el bot贸n derecho del mouse en un sitio vac铆o de la pantalla y selecciona 芦Ver c贸digo fuente de la p谩gina芦.
Firefox
Si est谩s trabajando en Mozilla Firefox las opciones para visualizar el c贸digo son dos:
- Haz clic en Men煤, luego en 芦Desarrollo Web禄 y despu茅s en 芦Fuente de P谩gina芦.
- Al igual que en Chrome, puedes usar el atajo de teclado Control + U
Opera
En cuanto a Opera, puedes seguir una de estas opciones:
- Haz clic derecho con el rat贸n en un espacio vac铆o y haz clic en 芦Ver c贸digo fuente de la p谩gina芦.
- De nuevo, la segunda opci贸n es utilizar el comando Control + U
Internet Explorer (Microsoft Edge)
Si utilizas Microsoft Edge, el antiguo Internet Explorer, elige entre estos modos:
- Haz clic con el bot贸n derecho del mouse en un sitio vac铆o de la web y elige 芦Ver c贸digo fuente芦.
- Pulsa la combinaci贸n de teclas Control + U
Brave
Por 煤ltimo, si te has apuntado a la lista de usuarios de Brave, tendr谩s que hacer esto:
- Pulsa en la esquina superior derecha para mostrar el men煤, elige 芦M谩s herramientas禄 y 芦Ver c贸digo fuente芦
- Utiliza las teclas Control + U
C贸mo ver el c贸digo fuente de una web desde MAC
Si trabajas en un entorno MAC puedes ver el c贸digo web de la p谩gina que est谩s visitando de las siguientes formas:
Safari (MAC)
Apple Safari es el navegador m谩s com煤n que utilizan los usuarios de MAC. Si es tu caso, aqu铆 tienes la manera de ver el c贸digo fuente.
- Accede al men煤 desplegable, selecciona 芦Desarrollar web禄 y despu茅s haz clic en 芦Mostrar fuente de p谩gina芦.
- Utiliza la combinaci贸n Opci贸n + Comando + U
Firefox (MAC)
Si est谩s usando Firefox desde un MAC las dos formas que tienes de hacerlo son las siguientes:
- Haz clic en Men煤, selecciona 芦Desarrollo Web禄 y por 煤ltimo pulsa 芦Fuente de P谩gina芦.
- Pulsa el m茅todo abreviado Comando + U, como en todos los navegadores en MAC
Chrome (MAC)
Por 煤ltimo, para mostrar el c贸digo fuente en Chrome en MAC puedes ver el c贸digo fuente as铆:
- Abre el men煤 principal en los tres puntos de la esquina superior derecha del navegador, haz clic en 芦M谩s herramientas禄 y luego en 芦Ver c贸digo fuente芦.
- Pulsando Opci贸n + Comando + U el navegador muestra el c贸digo web
驴Qu茅 puedes ver al leer el c贸digo fuente?
Leer el c贸digo fuente de un sitio web es necesario en algunos casos聽en los que quieras comprobar c贸mo est谩n configurados estos elementos.
Por ejemplo, puedes comprobar si los encabezados est谩n bien etiquetados (<h1>, <h2>, <h3>…), si las im谩genes tienen colocada la etiqueta 芦alt禄 o si las URL est谩n configuradas correctamente.
Obtener acceso al c贸digo fuente te permite verificar el c贸digo de seguimiento de Google Analytics o cualquier otro que hayas insertado en la web para que determinadas herramientas obtengan datos.
Si adem谩s eres dise帽ador tambi茅n puedes ver datos en otro lenguaje de programaci贸n como el CSS.
Y por eso, tienes que asegurarte de que todo est谩 correcto. Hay herramientas que te permiten hacer esas comprobaciones sin tener que acudir al c贸digo fuente pero si no dispones de ellas, aqu铆 te hemos dejado la forma de comprobarlo.
Por 煤ltimo, advertirte de que si bien no necesitas conocimientos para ver el c贸digo web, s铆 debes tenerlos para modificarlo.
Si no sabes de HTML es mejor que no intentes cambiar el c贸digo fuente ya que podr铆as causar errores y cambios no deseados en tu web.