Cargando

Como ver la pagina del codigo fuente en Safari Mac




Solución elegida por el autor
Iniciado por Jesus Cano , 19 junio 2018 - 15:48

Hola cómo estás?

 

La verdad es que ver el código fuente de Safari es algo bastante sencillo pero la realidad es que tienes que saber hacerlo porque antes de nada tienes que activar el menú desarrollo en la barra de menús.

 

A continuación te explico cómo activar esto para que puedas ver el código fuente de cualquier web de Safari.

 

 

Habilitar menú desarrollo en safari

 

Lo primero que debemos hacer para habilitar este menú, es acceder a las preferencias del navegador Safari

Una vez que nos encontramos dentro de las preferencias, veremos que se abre una nueva ventana con diferentes pestañas. Aquí debemos seleccionar el icono con forma de tuerca que pone “Avanzado”.

 

Aquí tenemos que marcar en el recuadro inferior la casilla  “ Mostrar el menú desarrollo en la barra de menús”.

 

 

 

 

Finalmente veremos como el menú desarrollador se ha habilitado.

 

 

 

Ver código fuente en cualquier web Safari

 

Ahora ya estamos preparados para ver el código fuente de una web en Safari. Nos tenemos que situar sobre la web en la cual queremos revisar el código fuente. Una vez aquí, accedemos al menú desarrollo y entre todas las opciones seleccionamos “Mostrar código fuente de la página”.

 

 

 

Veremos como en este momento el código fuente de la web que hayamos seleccionado se abre y ya tenemos a nuestra disposición toda la información para revisar todo aquello que nos interese.

 

 

 

ATAJO DE TECLADO

Es posible que seas de los que prefieres los atajos de teclado para poder revisar todo esto de manera más rápida. Si ese es el caso, la combinación de teclas que debes usar es la siguiente:

 

 

Cmd + Alt + U

 

Debemos estar situados en la página de la que queremos obtener su código fuente en Safari y pulsar esta combinación de teclas. Veremos que como en la opción anterior, se va a abrir una nueva pestaña con toda la información del código fuente de la web que hayamos seleccionado.

 

Te dejo un vídeo por si quieres verlo y un tutorial en el que se explica esto mismo paso por paso por si te ha quedado alguna duda.

 

Cómo ver código fuente en web safari

 

 

Para estar al día, recuerda suscribirte a nuestro canal de YouTube!
SUSCRIBETE EN YOUTUBE

 

 

 

Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 30 mayo 2016 - 12:09

Muy buenas.

 

Estoy interesado en poder ver la página del código fuente de Safari de cualquier web, ¿Sabeis como puedo hacerlo??


  • 67 personas más tuvieron esta duda Yo también
  • Volver arriba

Esto también te interesa!

 

Publicado 30 mayo 2016 - 13:43

Si quieres poder ver el código fuente de Safari, debes seguir los siguientes pasos:

  • Entras en el menú de Safari
  • Preferencias
  • Avanzado

 

Una vez aqui debes señalar el recuadro que dice" Mostrar el menú desarrollo en la barra de menús" Ahora en la parte superior del menú vas a poder seleccionar desarrollo y ahí diferentes opciones entre las que se encuentra "Página del código fuente"



 

Publicado 30 mayo 2016 - 14:07

Si quieres ver el código fuente de una página, tienes varias opciones. 

 
Método 1: Selecciona el menú Desarrollo en la parte superior del menú de Safari tal y como te ha indicado Alicia en el comentario anterior.
 
Método 2: Haz clic derecho en la página web (no en una imagen) y selecciona la opción "Mostrar código fuente de la página".
 
Método 3: Atajo de teclado para ver el código fuente de la página web: Comando + Opción + T.
 
Espero que sea de ayuda, saludos


   AUTOR PREGUNTA

Publicado 31 mayo 2016 - 13:56

Gracias chicas, se agradece vuestra ayuda de verdad'



 

Publicado 19 junio 2018 - 15:48

Hola cómo estás?

 

La verdad es que ver el código fuente de Safari es algo bastante sencillo pero la realidad es que tienes que saber hacerlo porque antes de nada tienes que activar el menú desarrollo en la barra de menús.

 

A continuación te explico cómo activar esto para que puedas ver el código fuente de cualquier web de Safari.

 

 

Habilitar menú desarrollo en safari

 

Lo primero que debemos hacer para habilitar este menú, es acceder a las preferencias del navegador Safari

Una vez que nos encontramos dentro de las preferencias, veremos que se abre una nueva ventana con diferentes pestañas. Aquí debemos seleccionar el icono con forma de tuerca que pone “Avanzado”.

 

Aquí tenemos que marcar en el recuadro inferior la casilla  “ Mostrar el menú desarrollo en la barra de menús”.

 

 

menu-desarrollo-mac-1.jpg

 

 

Finalmente veremos como el menú desarrollador se ha habilitado.

 

 

 

Ver código fuente en cualquier web Safari

 

Ahora ya estamos preparados para ver el código fuente de una web en Safari. Nos tenemos que situar sobre la web en la cual queremos revisar el código fuente. Una vez aquí, accedemos al menú desarrollo y entre todas las opciones seleccionamos “Mostrar código fuente de la página”.

 

mostrar-codigo-fuente-mac-02.jpg

 

 

Veremos como en este momento el código fuente de la web que hayamos seleccionado se abre y ya tenemos a nuestra disposición toda la información para revisar todo aquello que nos interese.

 

 

 

ATAJO DE TECLADO

Es posible que seas de los que prefieres los atajos de teclado para poder revisar todo esto de manera más rápida. Si ese es el caso, la combinación de teclas que debes usar es la siguiente:

 

 

Cmd + Alt + U

 

Debemos estar situados en la página de la que queremos obtener su código fuente en Safari y pulsar esta combinación de teclas. Veremos que como en la opción anterior, se va a abrir una nueva pestaña con toda la información del código fuente de la web que hayamos seleccionado.

 

Te dejo un vídeo por si quieres verlo y un tutorial en el que se explica esto mismo paso por paso por si te ha quedado alguna duda.

 

Cómo ver código fuente en web safari

 

 

Para estar al día, recuerda suscribirte a nuestro canal de YouTube!
SUSCRIBETE EN YOUTUBE

 

 

 



 

Publicado 27 diciembre 2018 - 00:51

¡Un cordial saludo de mi parte! Esta es una pregunta que yo también me he realizado varias veces y de verdad que se me ha dificultado un poco resolver este tipo de problemas, es por esto que gracias a investigaciones realizadas anteriormente he logrado hacerlo, y por eso voy dejarte a continuación varios métodos a seguir que te ayuden en esto.

 

 

Primer Método: Este primer método es largo pero la ventaja de él es que te será útil por los detallados pasos a seguir a continuación:

 

A) Lo primero que vas a tener que realizar es que con tu “Safari abre” deberás dirigirte a la opción de “Safari= Preferencias en la barra de menú”, para que con esto de manera inmediata tengas que dirigirte a la parte de la pestaña que se observa como “Opciones Avanzadas”.

 

B) Seguidamente, debes ir de manera rápida a la parte inferior de la opción y así tendrás que marcar la casilla que se refleja como “Mostrar el menú Desarrollo en la barra de menú”. Y en ese momento vas a notar que en la barra de menú se observar una pestaña nombrada como “Develop” y tienes que dirigirte a esta.

 

C) Después, como ya has podido habilitar el modo desarrollador vas a poder acceder a tu código de fuente de una página web en 3 maneras distintas para que tú mismo logres asignar la que mejor le convenga a tu sistema.

 

En la primera opción vas a poder ingresar a cualquier tipo de sitio web y luego deberás desarrollar en tu barra de menú y así seleccionar la parte de “Mostrar Origen de página”.

 

Como segunda opción, vas a lograr ingresar a tu página web de preferencia en donde has querido observar tu código de fuente y es por esto que tienes que presionar sobre los botones de tu teclado de “Alt + Comando + Opción U” y todo de una manera simultánea.

 

Esta es la última opción y tal vez sería la más fácil para ti, ya que sólo vas a realizar un clic con el botón derecho de tu ratón sobre la página y así vas a seleccionar la opción de “Mostrar origen de página”.

 

D) Al momento en que hayas realizado alguna de estas opciones que te he dejado, te va a aparecer tu código de fuente del sitio web, y una vez ahí, vas a observar una ventana nueva en donde podrás llegar a revisar todo lo que desees.

 

 

Segundo Método: Este es un poco más sencillo y rápido.

 

Primero tienes que abrir Safari en el sitio web en donde deseas observar tu respectivo código, y luego sobre el menú de “Desarrollo”, vas a elegir la opción que más te convenga de las que te dejaré a continuación:

Si deseas observar el código de fuente, tienes que elegir en “Mostrar código de fuente de la página”.

 

En caso de observar el “CSS” deberás seleccionar la opción de “Mostrar recursos de la página”.

Como última opción vas a poder depurar, añadir o hasta observar el “JS” y es ahí en donde debes elegir “Mostrar consola de JavaScript”.



 

Publicado 25 abril 2019 - 04:35

Ver el código de fuente de Safari desde tu Mac es muy fácil, tengo la solución a tu problema solo te pido que prestes mucha atención en los siguientes métodos:

  • Como paso inicial, debes activar el Menu de desarrollo en Safari para ello, debes ingresar a las preferencias del navegador.
  • A continuación se muestra un sub menu con varias ventanas emergentes donde debes seleccionar “Avanzado”
  • Ahora vas a ver una lista de alternativas,  activa “Mostrar el menu desarrollo en la barra de menu” para ello solo debes tildar el recuadro que aparece en la parte izquierda de esta.

Después de completado el procedimiento anterior, ya se estás en capacidad de ver el código fuente en Safari.

  • Para ello solo debes posicionarte en la página web en la cual deseas revisar el código fuente, a continuación ingresa al Menu desarrollo,  busca y selecciona el apartado “Mostrar código fuente de la página”, de manera inmediata podrás visualizar el código de la página seleccionada.

Otra forma de ver el código fuente en Safari, es realizarlo mediante los comandos.

  • Para ello es necesario realizar una combinación de teclas: Cmd+Alt+U, es importante que para que este método de resultado te posiciones en la página que deseas obtener el código fuente pulsando la combinación de teclas anteriormente mencionadas, eso permitirá que se muestre una ventana emergente con el código.

También puedes realizar lo siguiente:

  • Ingresa al buscador Safari y busca la página a la cual le quieres buscar el código fuente.
  • A continuación entra al Menu de desarrollo y escoge la alternativa “Mostrar recurso de página”
  • Posteriormente se muestra una lista de opciones y debes escoger “Mostrar consola de JavaScript” esto te otorgara toda la información concerniente al código de fuente de la página.

Con cualquiera de los métodos puedes acceder al código fuente de la página que desees y así poder ver el diseño de esta y su función en la web.

 



 

Publicado 16 enero 2020 - 18:42

Hola Sergio.

 

El procedimiento para ver el código fuente de Safari no reviste ningún grado de complejidad, es bastante rápido y fácil y a continuación te explico detalladamente:

 

Como paso inicial será necesario que actives el Menú de Desarrollo en la barra de “Menús”, para ello realiza lo siguiente:

 

Paso 1: Ingresa a “Preferencias de navegador” enSafari

 

Paso 2: Selecciona la alternativa “Avanzado” esta podrás observarla en la parte superior de la pantalla.

 

Paso 3: A continuación veras una ventana emergente con varias alternativas, selecciona “Mostrar el Menú Desarrollo en la barra de Menús”.

 

Luego de realizar esto ya podrás realizar el procedimiento para ver la página del código fuente de Safari en tu Mac, para ello te explico a continuación:

 

Posiciónate sobre la página web a la que deseas ver el código fuente y presiona en la parte superior de la pantalla una alternativa identificada como “Mostrar código fuente de la página”. De manera automática se mostrara toda la información concerniente a dicha página, incluyendo el código fuente de esta.

  • Puedes también utilizar un método un poco más directo, pero de igual manera debes haber activado el Menú de Desarrollo en Safari, para ello solo debes presionas en tu teclado de manera simultánea las siguientes teclas: “CMD” + “ALT” + “U” y se mostrara de manera instantánea dicho código.



X