Cómo ver la fuente HTML en Safari

Pasos:

  • En el menú Safari, seleccione Desarrollar > Mostrar código fuente de la página.
  • O bien, haga clic derecho en la página y Mostrar código fuente de la página del menú desplegable.
  • Atajo de teclado: Opción+Comando+U.

Este artículo muestra cómo ver el código fuente HTML en Safari.


Índice
  1. Pasos:
  • Ver código fuente en Safari
  • Ventajas de ver el código fuente
  • ¿Es legal ver el código fuente?
  • Ver código fuente en Safari

    Mostrar el código fuente en Safari es fácil:

    1. Abre Safari.

    2. Vaya a la página web que le gustaría examinar.

    3. Selecciona el Desarrollar menú en la barra de menú superior. Selecciona el Mostrar código fuente de la página opción para abrir una ventana de texto con la fuente HTML de la página.

      Alternativamente, presione Opción+Comando+U en tu teclado.

      los "Mostrar código fuente de la página" comando en el menú Desarrollar de Safari

    4. Si el menú Desarrollar no está visible, vaya a preferencias en el Avanzado sección y seleccione Mostrar el menú Desarrollar en la barra de menú.

    En la mayoría de las páginas web, también puede ver la fuente haciendo clic derecho en la página (no en una imagen) y eligiendo Mostrar código fuente de la página. Debe habilitar la Menú de desarrollo en preferencias para que aparezca la opción.

    Safari también tiene un atajo de teclado para ver la fuente HTML: Mantenga presionada la tecla dominio y opción teclas y golpe tu (Comando+Optar+tu.)


    Ventajas de ver el código fuente

    Ver la fuente para ver cómo un diseñador web logró un diseño lo ayudará a aprender y mejorar su trabajo. A lo largo de los años, muchos diseñadores y desarrolladores web han aprendido mucho de HTML simplemente viendo el código fuente de las páginas web que ven. Es una manera excelente para que los principiantes aprendan HTML y para que los profesionales web experimentados vean cómo otros utilizan nuevas técnicas.

    Recuerde que los archivos fuente pueden ser muy complicados. Junto con el marcado HTML de una página, probablemente se usarán archivos CSS y script significativos para crear la apariencia y la funcionalidad de ese sitio, así que no se frustre si no puede averiguar qué está pasando de inmediato. Ver la fuente HTML es solo el primer paso. Después de eso, puedes usar herramientas como Extensión para desarrolladores web de Chris Pederick para ver el CSS y los scripts, así como para inspeccionar elementos específicos del HTML.


    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 un trampolín para aprender es en realidad la forma en que muchas personas avanzan en esta industria. ¡Sería difícil encontrar un profesional web que trabaje hoy y que no haya descubierto algo al ver la fuente de un sitio!

    Los profesionales de la web aprenden unos de otros y, a menudo, mejoran el trabajo que ven y en el que se inspiran, así que no dude en ver el código fuente de un sitio y utilizarlo como herramienta de aprendizaje.

    Preguntas más frecuentes

    • ¿Cómo edito el código fuente de una página en Safari?

      No puede editar el código fuente de la página web en Safari. Cuando vea el código fuente en Safari, cópielo y péguelo en una aplicación que pueda exportar archivos como texto sin formato (como TextEdit o Pages).

    • ¿Cómo veo el código fuente de un sitio web en Safari en mi iPhone?

      La versión iOS de Safari no admite directamente la visualización de la fuente de la página web, pero puede configurar un marcador personalizado que realizará la misma tarea. Cree un nuevo marcador en Safari y asígnele el nombre "Mostrar código fuente de la página" (o algo similar, siempre que pueda identificarlo). Luego, en el cuadro de texto de la dirección, copie y pegue un código javascript específicodespués Ahorrar. Una vez que el marcador esté configurado, navegue a la página web de la que desea ver la fuente, luego abra sus marcadores y seleccione el nuevo Mostrar código fuente de la página marcador para ver el código fuente de la página web.


    Entradas Relacionadas

    Subir

    Utilizamos cookies propias y de terceros para personalizar contenidos y analizar el tráfico web. Política de privacidad