Share
Pe 7 iunie, Apple a lansat o actualizare a browser-ului Web, Safari 5. Acesta include o multitudine de noi caracteristici pentru dezvoltatorii web, inclusiv un motor JavaScript mai rapid, mai bun suport HTML5, suport extensie și o mare actualizare a Inspectorului Web. Vom explora ce înseamnă aceste noi caracteristici pentru dezvoltatorii web.
Un bun inspector web este extrem de important pentru majoritatea dezvoltatorilor web. Mulți oameni preferă Firebug, care este o extensie pentru Firefox, dar inspectorul Webkit sa îmbunătățit dramatic în ultimii ani.
În Safari 5, inspectorul web are o îmbunătățire Inspectorul CSS , care vă permite să sari direct la o definiție a regulii din fișierul sursă.
Inspector DOM este mult îmbunătățită, acum vă permite să adăugați atribute la nodurile DOM în documentul dvs., eliminați nodurile și editați nodurile ca HTML, ceea ce vă permite să editați întreaga etichetă ca și cum ar fi fost un fișier sursă.
Panoul de resurse este îmbunătățită, permițându-vă să vedeți toate redirecționările HTTP, împreună cu informații despre antetul complet, inclusiv codul de stare HTTP.
Inspector JavaScript acum vă permite să dezactivați toate punctele de întrerupere cu un singur clic și dacă treceți cu mouse-ul peste un element în timp ce se află la un punct de întrerupere, puteți vedea valorile reale ale obiectului a ceea ce vă deplasați peste. Acest lucru va fi extrem de util pentru depanare!
Safari 5 are acum a Panoul de cronologie nou, care oferă informații despre tot ceea ce face browserul în timp ce navigați. Aceasta include încărcarea datelor, parsarea acestora, afișarea pe ecran și redarea acestora. Foarte misto pentru a lucra la performanța site-ului sau a aplicației.
Un alt panou adăugat este Panoul de audit, care la fel ca popularele extensii YSlow și Google Page Speed pentru Firebug, sugerează căi de îmbunătățire a performanței și compatibilității site-ului dvs..
Ultima modificare a inspectorului Web este că un panou separat pentru Consola JavaScript a fost creat. Acest lucru este frumos, deoarece permite consolului să preia întreaga înălțime a Inspectorului Web, mai degrabă decât partea mică pe care o obișnuia. Este totuși disponibil în locația veche, cu toate acestea, pentru accesul convienent în timp ce priviți la un alt panou. Pentru mai multe informații despre actualizările Web Inspectorului, consultați această postare pe blogul Webkit.
Apple lansează șaptesprezece noi caracteristici HTML5 în Safari 5 și s-ar putea să fi auzit de prezentarea HTML5 pe care au lansat-o săptămâna trecută (într-adevăr conține mai multe CSS3 decât orice altceva, dar se pare că este și în HTML5). Apple pare să împingă HTML5, iar Safari 5 are un scor de 136 pe html5test.com, care se ridică de la 113 în versiunea precedentă. Unele dintre noile caracteristici HTML5 conținute în Safari 5 includ:
Consultați lista completă de mai jos.
Safari 5 include două noi caracteristici HTML5 pentru webapps în timp real, cum ar fi Friendfeed și Twitter. WebSocket este primul, iar EventSource este al doilea. Acum, că trei dintre cele mai importante browsere, Firefox, Chrome și Safari au implementat spec. WebSocket, scrierea de webapps în timp real folosind ceva asemănător Node.js pentru un backend devine mult mai fezabil.
WebSocket este în esență un canal de comunicare bidirecțional între webapp-ul tău în browser și server.
Deoarece este în două direcții, puteți scrie ceva asemănător unui client Twitter care îl folosește și dacă apar mesaje noi pe Twitter în timp ce acestea sunt împinse de pe server și, de asemenea, împingeți tweet-urile noi în timp ce sunt scrise. EventSource este un mecanism de comunicare într-o singură direcție, care permite serverului să trimită evenimente clientului, dar nu invers. Dacă doriți să aflați mai multe despre EventSource, consultați acest tutorial.
Deoarece este scris folosind aceste tehnologii, va fi posibil ca cineva să scrie o bibliotecă de dezvoltare a extensiei platformei cross-platform, care funcționează în Firefox (Jetpack), Chrome și Safari 5.
Acum există suport pentru extensii în Safari și, datorită unui nou instrument numit Extension Builder, în meniul deja dezvoltat, vă puteți scrie propriul. Extensiile sunt scrise folosind tehnologii web standard, inclusiv HTML, CSS și JavaScript, și API-ul Extensions furnizat de Apple. Deoarece este scris folosind aceste tehnologii, va fi posibil ca cineva să scrie o bibliotecă de dezvoltare a extensiei platformelor cross-platform, care funcționează în Firefox (Jetpack), Chrome și Safari 5. Toate utilizează tehnologii web pentru a construi extensii pentru browserele lor. Pentru securitate, toate extensiile pentru Safari 5 trebuie semnate criptografic de Apple prin intermediul Safari Dev Center.
Mai târziu, în această vară, Apple va deschide Galeria de extensii Safari, care va oferi utilizatorilor un loc ușor de găsit pentru extensii de instalare. Panic afișează deja extensia numită Cod Note, care, atunci când iese, vă va permite să adăugați adnotări la paginile web prin desenarea și scrierea de note text direct pe site. Extensia va permite apoi partajarea adnotărilor prin e-mail. Un exemplu foarte interesant în ceea ce privește capabilitățile API-ului pentru extensii Safari 5.
Nu ar fi o actualizare completă a browserului dacă Apple nu și-a depășit motorul JavaScript de 30% mai rapid. În testul de performanță JavaScript SunSpider, Safari se clasează similar cu Google Chrome și este încă departe de cea mai recentă versiune de Firefox. Deși performanța JavaScript este importantă, blocajele de performanță reale pentru aplicațiile web nu se află în performanța limbajului JavaScript de bază, ci în DOM API, care este notoriu lent în toate browserele. Sper ca mai multă atenție să fie plătită performanței DOM în viitor.
Deși nu este specifică o caracteristică de dezvoltator web, sunt sigur că ați citit o mulțime de articole ca acesta din urmă pe web. Safari Reader este în mod esențial o modalitate de a scoate toate distracțiile din calea ta în timp ce citiți doar articolul. La fel ca registrul de citire, Safari Reader recunoaște automat paginile cu un articol în ele și prezintă un buton din bara de instrumente care extrage textul și imaginile doar din secțiunea de articole a paginii și le afișează într-un text ușor de citit. Este, de asemenea, foarte frumos faptul că puteți trimite cu ușurință e-mail și să tipăriți doar articolul în timp ce vă uitați la vizualizarea Reader. Sunt sigur că o voi folosi foarte mult!
Deși nu este o versiune majoră în ceea ce privește caracteristicile utilizatorului, Safari 5 este o versiune foarte frumoasă pentru dezvoltatori. Cu mult mai bun suport HTML5, sporirea performanței JavaScript și un inspector Web mai bun, Safari este acum browserul meu de dezvoltare de alegere. Și tu?
Accentsconagua