Tal parece que Safari es ahora un Navegador respetable, y no es para menos, apple debió, por obligación propia optimizarlo a más no poder, pues este navegador es el motor de los dispositivos móviles como el Ipod Touch, iPhone y ahora el iPad, antes era un navegador que no valía la pena ni abrir, mucho menos de instalar.
Tiene muchas mejoras que deberías de tomar en cuenta algunas de ellas vienen descritas en su página oficial de apple.
Que miraremos en esta publicación:
Veremos algunas funciones de safari.
Te recomiendo que uses Safari para leer noticias de diversas páginas, esto le hará un favor a tus ojos, pues es de gran ayuda para los que somos lectores:
Función de "Lector" que nos ayuda a leer mejor los artículos de blogs, noticias, etc.
Solo haz clic en el botón de Lector en la barra de dirección de Safari:
Te aparece una animiación con el puro contenido de la noticia:
Esto es solo el comienzo sigue leyendo para saber más, en esta ocasión, te muestro como desarrolladores que somos, las bondades que este navegador nos brinda, échales un ojo a ver que te parecen:
Apple ha aportado a la Web su experiencia en herramientas de desarrollo para OS X e iOS. Safari incluye un poderoso conjunto de herramientas que permiten depurar, ajustar y optimizar un sitio web fácilmente para obtener un mejor desempeño y compatibilidad. Para acceder a ellas, activa el menú Desarrollo en las preferencias de Safari.
Accede a todas las herramientas para desarrolladores en Safari desde tu barra de menú con solo activar el menú Desarrollo en el panel Avanzado de las preferencias de Safari. Tendrás acceso con un solo clic al Inspector Web, la Consola de Errores, funciones de desactivación y otras funcionalidades para desarrolladores.
Inspector webEl inspector web te permite acceder de forma rápida y sencilla al más completo conjunto de herramientas de desarrollo jamás incluido en un navegador. Desde la visualización de la estructura de una página hasta la depuración de JavaScript para optimizar el desempeño, el inspector web presenta sus herramientas en una ventana clara diseñada para que el desarrollo de aplicaciones web sea más eficiente. Para activarlo, en el menú Desarrollo, elige Mostrar inspector web.
Mira en detalle la estructura de tu página con el panel Elementos del Inspector Web, que simplifica el análisis de tus reglas DOM (Document Object Model) y CSS (Cascading Style Sheets). Incluso, puedes hacer cambios rápidos en tus DOM o CSS y acceder inmediatamente a una vista previa sobre los efectos de los cambios en tu página.
Una sección en la barra lateral del panel Elementos muestra los Receptores de eventos. Puedes ver los receptores sólo para el nodo seleccionado o para todo el flujo de eventos.
En el panel Elementos, puedes tabular entre rótulos y atributos, así como entre reglas y selectores de estilo para una edición aún más rápida.
La barra lateral de Estilos en el panel Elementos te permite crear nuevas reglas de estilo rápidamente y navegar a la regla que quieres editar fácilmente. Puedes ver los valores de color CSS en cualquier formato que especifiques y alternar entre formatos fácilmente.
En el panel Elementos, editar nodos DOM es tan fácil como editar HTML. Un menú de contexto inteligente te brinda las opciones de edición adecuadas para el elemento seleccionado.
Con el editor de fragmentos, puedes probar piezas experimentales de lenguaje de marcado HTML fácilmente. Ingresa el código en el editor para que Safari muestre los resultados inmediatamente.
Ver información detallada sobre recursos de página web. Para recursos de texto, como documentos y scripts, puedes ver el origen del texto del archivo. Para recursos de imágenes y tipos de letra, puedes ver una vista previa gráfica. El panel Recursos también te permite administrar bases de datos sin conexión y ejecutar consultas SQL. Así, podrás ver áreas de almacenamiento web HTML5 en una tabla fácil de editar que se actualiza automáticamente. También, podrás ver información sobre cookies para todos los dominios a los que se accedió en la página que estás visualizando.
El panel de Red representa gráficamente el orden y la velocidad en que se cargan los componentes del sitio web sobre la red. Te permite clasificar los datos según los parámetros de carga como latencia, tiempo de respuesta y duración. Puedes graficar los recursos de la página por tamaño o tiempo de carga. Al hacer clic en un recurso en la columna izquierda, verás datos detallados a la derecha.
El panel de Red en la barra lateral ayuda a los desarrolladores que trabajan con AJAX, ya que muestran los parámetros y cargas útiles establecidos en las instancias. Usa la barra de alcance para filtrar y ver recursos de un tipo en particular.
El panel Scripts incluye el poderoso Depurador de JavaScript de Safari. Para usarlo, elige el panel Scripts en el inspector web y haz clic en Activar depuración. El depurador analiza todo el JavaScript de tu página, deteniéndose cuando encuentra excepciones o sintaxis errónea. El panel Scripts también te permite detener JavaScript, definir puntos de interrupción y evaluar variables locales.
El inspector web simplifica aún más la depuración de JavaScript. Con la sección Puntos de interrupción de la barra lateral del panel Scripts, puedes ver los puntos de interrupción en todos tus archivos. La nueva sección Expresiones de inspección actualiza automáticamente cuando se detiene el depurador.
El panel Control temporal del inspector web te permite ver cómo Safari interactúa con tu sitio web. Los controles temporales Cargando, Scripts y Renderización te muestran cómo y cuándo Safari analiza HTML, calcula estilos y realiza otras operaciones con tu aplicación web, simplificando la localización de áreas a mejorar.
Optimiza tu código de JavaScript usando los avanzados Perfiles de JavaScript en el panel de Perfiles. Los Perfiles enumeran las características del desempeño de las funciones de cada script, para que puedas localizar áreas problemáticas y llegar a las líneas de código erróneas fácilmente.
El panel Auditoría, nuevo en el Inspector Web, te proporciona un modo integrado para evaluar el desempeño de tu aplicación web. Puedes ejecutar pruebas automáticas para uso de la red y el desempeño de la página web que devuelven una variedad de sugerencias para optimizar tu sitio web.
El panel Consola permite depurar más fácilmente. Podrás ver la consola del inspector web en una vista a ventana completa, simplificando la evaluación de las advertencias y errores de JavaScript en tu sitio. Puedes escribir expresiones JavaScript en la Consola de Errores para que Safari las evalúe a medida que aparecen en la página de origen. Los botones de alcance te permiten filtrar información por errores, advertencias o registros.
Los atajos de teclado en el inspector web te permiten alternar entre paneles y editar tu código rápidamente.
Con el resaltado de sintaxis para JSON y CSS en los paneles Elementos y Recursos, puedes identificar y depurar tu código más fácilmente.
Los desarrolladores pueden crear extensiones seguras y basadas en estándares para Safari. Crea botones para la barra de herramientas o tu propia barra de extensiones. Interactúa con páginas web y cambia la manera en que aparece el contenido web, todo con los poderosos estándares web, como HTML5, CSS3 y JavaScript. El Safari Developer Program gratuito incluye todo lo que necesitas para empezar a crear extensiones.
Las extensiones de Safari están basadas en las tecnologías web estándar: HTML5, CSS3 y JavaScript. Así, si puedes desarrollar para la Web, te sentirás como en casa a la hora de escribir extensiones para Safari.
Los miembros del Safari Developer Program reciben un certificado digital gratuito para firmar extensiones de Safari. Esto garantiza que todas las actualizaciones de tu extensión provendrán de ti y no de un tercero.
Safari simplifica el desarrollo de extensiones con Extension Builder. En lugar de ingresar manualmente tus scripts, hojas de estilo y comandos en un complicado archivo de texto, puedes seleccionar tus recursos de extensión visualmente en Extension Builder, una plantilla que puedes completar fácilmente como si fuera un formulario.
Los miembros del Safari Developer Program pueden comercializar y distribuir extensiones de forma independiente. Incluso, puedes enviar tu extensión para que sea incluida en la Galería de Extensiones de Safari, que brinda a los usuarios un lugar práctico donde encontrar tu extensión y descargarla con un sólo clic e instalarla en un sitio web.
El Safari Dev Center proporciona una amplia gama de recursos técnicos para el desarrollo de extensiones, incluyendo código de muestra, así como guías de programación y conversión para ayudar en la creación de extensiones de Safari.
Safari ahora permite mostrar el contenido HTML en ventanas emergentes que se despliegan de un botón de extensión de la barra de herramientas.
Los botones de extensión de la barra de herramientas ahora pueden tener menús que se desplieguen del botón.
Con el soporte para clases de nuevos eventos, las extensiones de Safari pueden responder a las interacciones de usuarios con pestañas, ventanas, contenido web y el Campo de Dirección Inteligente. Las clases de nuevos eventos incluyen Activar, Disponible, Previo a la navegación, Cerrar, Desactivar, Menú, Navegar, Abrir y Actualización de estado.
Las extensiones pueden detectar si el Lector de Safari se encuentra disponible para una página web y activar el Lector.
Únete a los foros para desarrolladores de Apple y publica preguntas sobre desarrollo web y de extensiones de Safari que serán debatidas abiertamente con otros desarrolladores e ingenieros de Apple.
Para ver una lista completa de los documentos, imágenes y otros elementos web que se cargan como parte de una página, elige Actividad en el menú Ventana. Haz doble clic en un elemento individual para abrirlo en su propia ventana. Cuando visitas una nueva página web, la vista Actividad se actualiza con una nueva lista de elementos.
Para examinar el HTML original de una página web, elige Ver código fuente en el menú Visualización. La vista del código fuente se actualiza automáticamente si vuelves a cargar una página ajustada. Para buscar el código fuente, elige Buscar en el menú Edición.
Para determinar si un sitio web está personalizando contenido para diferentes navegadores, cambia el agente de usuario para que Safari se identifique como un navegador diferente.
Para acceder a una vista previa sobre cómo los diferentes navegadores cargan tu página web, selecciona otro navegador eligiendo Abrir página con en el menú Desarrollo.
Para guardar el código fuente HTML de tu sitio web, elige Guardar como en el menú Archivo y selecciona Código fuente.
En el menú Desarrollo, elige Desactivar cachés para obligar a que el navegador tome gráficos, páginas y otros recursos en vivo desde la red en lugar de usar recursos de caché.
Muchas personas usan navegadores que no brindan soporte para imágenes o configuran sus navegadores para prevenir la carga de imágenes. Como desarrollador, puedes aprender cómo los usuarios experimentan el contenido en tu sitio al desactivar las imágenes del sitio en el menú Desarrollo.
Desactivar JavaScript te permite saber cómo tu sitio web se comportará frente a los usuarios que desactivaron JavaScript. Sólo tienes que elegir Desactivar JavaScript en el menú Desarrollo.
Safari incluye un temporizador que avisa a los usuarios cuando llegan a un sitio que usa código JavaScript lento. Si quieres examinar scripts prolongados sin interrupciones, puedes desactivar el temporizador eligiendo Desactivar temporizador Runaway JavaScript en el menú Desarrollo.
Si desactivas los estilos, Safari carga páginas sin aplicar reglas CSS, lo cual te permite evaluar de qué manera los navegadores de texto, motores de búsqueda y lectores de pantalla interpretarán tus páginas.
Sácale todo el provecho y no te cases solo con un navegador, yo por mi cuenta uso Firefox, Crome y Safari, el IE...solo para testear sitios.
Fuente: Apple Safari
Saludos
Eduardo Núñez
This email address is being protected from spambots. You need JavaScript enabled to view it.
Diseño y Desarrollo: Jenson Design