TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

10 consejos para desarrolladores que utilizan Safari en Mac

9

Apple afirma que Safari es el navegador más rápido y ayuda a conservar más batería en comparación con Chrome y Firefox. Aunque el rendimiento de Safari disminuye durante el período de tiempo, definitivamente es un mejor navegador en Mac. Especialmente para los desarrolladores, hay muchas funciones ocultas para hacer un mayor uso de Safari. En este artículo, exploremos 10 consejos para desarrolladores que utilizan Safari en Mac.

1 Habilitar el menú de desarrollo

De forma predeterminada, el menú de desarrollador en Safari está deshabilitado y, por lo tanto, es posible que no pueda ver el código CSS o HTML de la página web. Vaya a "Safari> Preferencias …" y habilite la opción en la pestaña "Avanzado" para agregar el menú "Desarrollar" en la barra de menú predeterminada.

10 consejos para desarrolladores que utilizan Safari en Mac

Mostrar menú de desarrollo en Safari

2 Visualización de la URL completa en la barra de dirección y estado

A veces, mirar el nombre de dominio en la barra de direcciones puede volverlo loco. Habilite la opción en la pestaña "Avanzado" de las preferencias de Safari para ver la URL completa del sitio.

De manera similar, si está acostumbrado a mirar la parte inferior izquierda de la barra de estado al pasar el cursor sobre los enlaces, puede habilitar la visualización de los enlaces desde el menú "Ver> Mostrar barra de estado".

3 Ver el código fuente de la página

Una vez que el menú "Desarrollar" está habilitado, al hacer clic con el botón derecho en la página, se mostrarán opciones adicionales para ver la fuente de una página y las opciones "Inspeccionar elemento". Al elegir cualquiera de las opciones, se abrirá la consola del inspector web de Safari que muestra los recursos utilizados en la página.

10 consejos para desarrolladores que utilizan Safari en Mac

Opciones de clic derecho en Safari

Obtenga más información sobre cómo ver el código fuente de la página con Safari.

4 Vaciar y deshabilitar cachés

Aunque los cachés ayudan a cargar la página más rápido para los usuarios normales, es uno de los mayores problemas para un desarrollador. Especialmente cuando inició sesión en algún sitio, no es posible borrar los cachés usando la opción de borrar historial, ya que esto cerrará la sesión del sitio. La forma más fácil es usar cachés vacíos o deshabilitar disponibles en el menú "Desarrollar".

10 consejos para desarrolladores que utilizan Safari en Mac

Menú de desarrollo de Safari

5 Habilitar el modo de respuesta

El modo receptivo es útil para verificar su diseño en diferentes dispositivos y agentes de usuario. Safari permite a los desarrolladores utilizar la función de modo de respuesta avanzada, que se puede habilitar en el menú "Desarrollar".

10 consejos para desarrolladores que utilizan Safari en Mac

Modo de respuesta de Safari

Las siguientes son las opciones que puede hacer con el modo de respuesta:

  • Ingrese o salga del modo de respuesta usando los atajos de teclado “Opción + Comando + R" cuando el menú “Desarrollar” está habilitado.
  • Elija el dispositivo y el factor de escala para las imágenes de retina para ver cómo se ve una página en diferentes dispositivos.
  • Puede arrastrar el tamaño de la página para verlo como lo necesite.
  • De forma predeterminada, las vistas vertical y horizontal de todos los dispositivos Apple están disponibles para ver cómo se verá una página en iPhone, iPad y Mac.
  • También puede seleccionar agentes de usuario para los navegadores Chrome, Firefox, IE y Edge para ver el aspecto de la página en las plataformas Windows, OS X e iOS. Los agentes de usuario también se pueden cambiar con la opción de menú "Desarrollar> Agente de usuario".

6 Editor de fragmentos

El editor de fragmentos es un visor de código habilitado en el menú "Desarrollar". Esto ayuda a validar los códigos CSS, JavaScript y HTML en la página como una caja de arena sin abrir otra página.

10 consejos para desarrolladores que utilizan Safari en Mac

Editor de fragmentos de Safari

7 Deshabilitar imágenes, estilos y JavaScript

Es fácil deshabilitar o habilitar imágenes en una página web, CSS y JavaScript con un solo clic en el menú "Desarrollar". Esto ayuda al desarrollador a ver la página sin imágenes, CSS y scripts para verificar el tiempo de carga y solucionar otros problemas.

8 Grabación de la línea de tiempo

Dado que la velocidad de carga de la página es más importante, es fácil registrar las actividades en una página con la opción "Iniciar grabación de la línea de tiempo" en el menú "Desarrollar". Puede utilizar la grabación para analizar las solicitudes de red HTTP entrantes, la representación del diseño y los eventos de JavaScript.

10 consejos para desarrolladores que utilizan Safari en Mac

Grabación de la línea de tiempo de Safari

9 Deshabilitar la restricción de archivos locales y de origen cruzado

La restricción de origen cruzado (CORE) es fundamental en el diseño web que no permite cargar ciertos tipos de archivos como fuentes alojadas en otro dominio. Al deshabilitar CORE, puede probar fácilmente los recursos ubicados en cualquier otro dominio.

De manera similar, deshabilitar la opción de restricción de archivos locales ayuda a deshabilitar los controles de seguridad que obstaculizan su desarrollo local.

10 Permitir JavaScript desde el campo de búsqueda inteligente

Habilitar esta opción en el menú "Desarrollar" le permitirá ejecutar expresiones JavaScript directamente desde la barra de direcciones de Safari con la sintaxis "javascript: expresión".

Aprenda 10 consejos para aumentar la productividad en Safari para los usuarios habituales.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More