Share
El 7 de junio, Apple lanzó una actualización de su navegador web, Safari 5. Incluye una gran cantidad de nuevas características para desarrolladores web, que incluyen un motor de JavaScript más rápido, mejor soporte de HTML5, soporte de extensión y una gran actualización de Inspector Web. Exploraremos qué significan estas nuevas características para los desarrolladores web..
Un buen inspector web es extremadamente importante para la mayoría de los desarrolladores web. Mucha gente sigue prefiriendo Firebug, que es una extensión para Firefox, pero el inspector de Webkit ha mejorado dramáticamente en los últimos años..
En Safari 5, el inspector web ha mejorado Inspector de CSS Panel, que le permite saltar directamente a una definición de regla en el archivo fuente..
los Inspector de DOM está muy mejorado, ahora le permite agregar atributos a los nodos DOM en su documento, eliminar nodos y editar nodos como HTML, lo que le permite editar la etiqueta completa como si fuera un archivo de origen.
los Panel de recursos también se ha mejorado, lo que le permite ver todas las redirecciones HTTP, junto con la información completa del encabezado, incluido el código de estado HTTP.
los Inspector de JavaScript Ahora le permite deshabilitar todos los puntos de interrupción con un solo clic, y si se desplaza sobre un elemento mientras se encuentra en un punto de interrupción, puede ver los valores reales de los objetos sobre los que se está desplazando. Esto será extremadamente útil para propósitos de depuración.!
Safari 5 ahora tiene un nuevo panel de línea de tiempo, que proporciona información sobre todo lo que hace el navegador mientras navegas. Esto incluye cargar datos, analizarlos, colocarlos en pantalla y renderizarlos. Muy bueno para trabajar en el rendimiento de su sitio web o aplicación.
Otro panel agregado es el Panel de auditorias, que, al igual que las populares extensiones de YSlow y Google Page Speed para Firebug, sugiere formas para mejorar el rendimiento y la compatibilidad de su sitio.
El último cambio en el Inspector web es que un panel separado para el Consola de JavaScript Ha sido creado. Esto es bueno porque permite que la consola ocupe todo el alto del Inspector web en lugar de la pequeña parte que solía usar. Todavía está disponible en la ubicación anterior, sin embargo, para un acceso conveniente mientras mira a otro panel. Para obtener más información sobre las actualizaciones del inspector web, consulte esta publicación en el blog de Webkit.
Apple promociona diecisiete nuevas características de HTML5 en Safari 5, y es posible que haya escuchado de su escaparate de HTML5 que lanzaron la semana pasada (¡realmente contiene más CSS3 que cualquier otra cosa, pero parece que eso también se está agrupando bajo HTML5!). Apple realmente parece estar presionando a HTML5, y Safari 5 ahora tiene una puntuación de 136 en html5test.com, que está por encima de 113 en la versión anterior. Algunas de las nuevas funciones HTML5 contenidas en Safari 5 incluyen:
Echa un vistazo a la lista completa a continuación.
Safari 5 incluye dos nuevas funciones HTML5 para aplicaciones web en tiempo real, como Friendfeed y Twitter. WebSocket es el primero, y EventSource es el segundo. Ahora que tres de los principales navegadores, Firefox, Chrome y Safari han implementado la especificación WebSocket, escribir aplicaciones web en tiempo real usando algo como Node.js para un backend es cada vez más factible..
WebSocket es esencialmente un canal de comunicación bidireccional entre su aplicación web en el navegador y el servidor.
Como es bidireccional, puede escribir algo así como un cliente de Twitter que lo usa, y hacer que los nuevos mensajes de Twitter aparezcan automáticamente a medida que se envían desde el servidor, y también puede impulsar nuevos tweets a medida que se escriben.. Fuente de eventos es un mecanismo de comunicación unidireccional que permite al servidor enviar eventos al cliente pero no al revés. Si desea obtener más información sobre EventSource, consulte este tutorial.
Debido a que está escrito utilizando estas tecnologías, será posible que alguien escriba una biblioteca de desarrollo de extensión multiplataforma que funcione en Firefox (Jetpack), Chrome y Safari 5..
Ahora hay soporte de extensión en Safari y, gracias a una nueva herramienta llamada Extension Builder en el ya útil menú de Desarrollo, puede escribir el suyo propio. Las extensiones se escriben utilizando tecnologías web estándar, incluidos HTML, CSS y JavaScript, y la API de extensiones proporcionada por Apple. Debido a que está escrito usando estas tecnologías, será posible que alguien escriba una biblioteca de desarrollo de extensiones de plataforma cruzada que funcione en Firefox (Jetpack), Chrome y Safari 5. Todos ellos usan tecnologías web para crear extensiones para sus navegadores. Por seguridad, todas las extensiones para Safari 5 deben estar firmadas criptográficamente por Apple a través de su Centro de Dev de Safari..
A finales de este verano, Apple abrirá la Galería de Extensiones de Safari, que brindará a los usuarios un lugar fácil para encontrar extensiones de instalación. Panic ya está mostrando su extensión llamada Code Notes, que, cuando se publique, le permitirá agregar anotaciones a páginas web dibujando y escribiendo notas de texto directamente en el sitio. La extensión le permitirá compartir sus anotaciones por correo electrónico. Un muy buen ejemplo de lo que es capaz de la extensión de Safari 5 API.
No sería una actualización completa del navegador si Apple no promocionara su motor de JavaScript un 30% más rápido. En la prueba de rendimiento de JavaScript de SunSpider, Safari se ubica de manera similar a Google Chrome y aún está muy por delante de la última versión de Firefox. Si bien el rendimiento de JavaScript es importante, los cuellos de botella en el rendimiento real de las aplicaciones web no se encuentran en el rendimiento del lenguaje de JavaScript en bruto, sino en la API DOM, que es notoriamente lenta en todos los navegadores. Espero que se preste más atención al rendimiento de DOM en el futuro..
Si bien no es específicamente una función de desarrollador web, estoy seguro de que lee muchos artículos como este en la web. Esencialmente, Safari Reader es una forma de eliminar todas las desventajas mientras lees solo el artículo. Al igual que el bookmarklet de Readability, Safari Reader reconoce de forma automática las páginas con un artículo en ellas, y presenta un botón en la barra de herramientas que extrae el texto y las imágenes de la sección del artículo de la página y las muestra en una fuente legible. También es muy agradable que pueda enviar fácilmente un correo electrónico e imprimir solo el artículo mientras mira la vista de Reader. Estoy seguro de que usaré esto mucho!
Si bien no es un lanzamiento importante en términos de características del usuario, Safari 5 es un lanzamiento muy bueno para los desarrolladores. Con mucho mejor soporte de HTML5, mayor rendimiento de JavaScript y un mejor inspector web, Safari es ahora mi navegador de desarrollo preferido. Que pasa contigo?
Accentsconagua