Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. News

5 Fitur Baru Yang Hebat Di Safari 5

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Azam Maruf (you can also view the original English article)

Pada tanggal 7 Juni, Apple merilis update ke web browser mereka, Safari 5. Ini mencakup sejumlah fitur baru untuk web developer, termasuk engine JavaScript yang lebih cepat, dukungan HTML5 lebih baik, perluasan dukungan dan update Web Inspektur yang bagus. Kita akan mengeksplorasi fitur apa yang baru bagi pengembang web.


1. Peningkatan Web Inspektur

Inspektur web yang baik sangat penting untuk kebanyakan web developer. Banyak orang masih lebih memilih Firebug, yang merupakan sebuah ekstensi untuk Firefox, tapi Inspektur Webkit telah meningkat secara dramatis dalam beberapa tahun terakhir.

CSS Inspektur

Dalam Safari 5, Inspektur web menpunyai CSS Inspektur panel yang sudah ditingkatkan, yang memungkinkan Anda langsung ke definisi aturan dalam file sumber.

DOM Inspektur

DOM Inspektur lebih banyak ditingkatkan, sekarang memungkinkan Anda untuk menambahkan atribut ke DOM node dalam dokumen Anda, menghapus node, dan mengedit node sebagai HTML, yang memungkinkan Anda mengedit seluruh tag seolah-olah itu adalah file sumber.

Panel Sumber daya

Panel sumber daya juga ditingkatkan, membiarkan Anda melihat semua pengalihan HTTP, bersama dengan informasi header yang lengkap, termasuk kode status HTTP.

Inspektur JavaScript

Inspektur JavaScript sekarang memungkinkan Anda menonaktifkan semua breakpoints dengan satu klik, dan jika Anda membawa hover ke sebuah elemen ketika pada breakpoint, Anda dapat melihat nilai-nilai yang sebenarnya pada objek yang dihover. Ini akan sangat berguna untuk keperluan debugging!

Timeline Panel

Safari 5 sekarang memiliki Panel Timeline baru, yang menyediakan informasi tentang segala sesuatu yang browser lakukan saat Anda menelusuri. Ini termasuk pemuatan data, parsing data, meletakkan itu di layar, dan merender data. Sangat keren untuk bekerja pada kinerja situs atau aplikasi.

Audit Panel

Panel tambahan lainnya adalah Panel Audit, yang seperti ekstensi populer YSlow dan Google Page Speed untuk Firebug, menunjukkan cara bagi Anda untuk meningkatkan kinerja dan kompatibilitas situs Anda.

Konsol

Perubahan terakhir Inspektur Web adalah bahwa panel terpisah untuk konsol JavaScript telah dibuat. Hal ini bagus karena memungkinkan konsol untuk mengambil ketinggian seluruh Inspektur Web bukan yang bagian kecil yang dipakai . Hal ini masih tersedia di lokasi dulu, namun, untuk akses lebih mudah sambil melihat panel lainnya. Untuk informasi lebih lanjut tentang pembaruan untuk Web inspektur, periksa posting ini di Webkit blog.


2. Dukungan HTML5 lebih baik

Apple menggembor-gemborkan tujuh belas baru HTML5 fitur dalam Safari 5, dan Anda mungkin telah mendengar tentang HTML5 showcase yang mereka diluncurkan minggu lalu (itu benar-benar berisi CSS3 lebih daripada apa pun, tapi yang tampaknya akan mendapatkan disamakan di bawah HTML5 pula!). Apple benar-benar tampaknya mendorong HTML5, dan Safari 5 sekarang memiliki Skor 136 pada html5test.com yang naik dari 113 di rilis sebelumnya. Beberapa fitur baru HTML5 terkandung dalam Safari 5 meliputi:

  • dukungan untuk layar penuh video dengan captioning tertutup
  • Geolocation
  • HTML5 AJAX History
  • drag dan drop
  • hampir semua jenis input HTML5
  • dukungan resmi untuk elemen-elemen HTML5 baru seperti, <article> <header>dan <footer>.

Periksa daftar lengkap di bawah ini.

Fitur untuk Realtime Webapps

Safari 5 memasukan dua fitur HTML5 baru untuk webapps realtime, seperti Friendfeed dan Twitter. WebSocket adalah yang pertama, dan EventSource adalah yang kedua. Sekarang bahwa tiga browser utama, Firefox, Chrome dan Safari telah menerapkan WebSocket spec, menulis realtime webapps menggunakan sesuatu seperti Node.js untuk backend menjadi jauh lebih layak.

WebSocket adalah pada dasarnya saluran komunikasi dua arah antara webapp Anda di browser dan server.

Karena dua arah, Anda bisa menulis sesuatu seperti yang digunakan klien Twitter, dan memiliki pesan Twitter baru secara otomatis muncul yang datang dari server, dan juga mendorong tweet baru sebagaimana yang tertulis. EventSource adalah mekanisme komunikasi satu arah yang memungkinkan server untuk mengirimkan peristiwa untuk klien tetapi tidak sebaliknya. Jika Anda ingin mempelajari lebih lanjut tentang EventSource, periksa tutorial ini.


3. Dukungan Ekstensi

Karena ditulis menggunakan teknologi ini, itu akan mungkin bagi seseorang untuk menulis pengembangan ekstensi lintas platform perpustakaan yang bekerja di Firefox (Jetpack), Chrome dan Safari 5.

Sekarang ekstensi didukung di Safari, dan, berkat sebuah tool baru yang disebut Ekstensi Builder sudah menjadi menu pengembangan yang berguna, Anda dapat menulis punya Anda sendiri. Ekstensi ditulis menggunakan teknologi web standar, termasuk HTML, CSS, dan JavaScript dan API ekstensi yang diberikan oleh Apple. Karena ditulis menggunakan teknologi ini, itu akan mungkin bagi seseorang untuk menulis ekstensi lintas platform pengembangan perpustakaan yang bekerja di Firefox (Jetpack), Chrome dan Safari 5. Semuanya menggunakan teknologi web untuk membangun ekstensi untuk browser mereka. Untuk keamanan, semua ekstensi untuk Safari 5 harus di tandatangani kriptografi oleh Apple melalui Safari Dev Center mereka.

Nanti musim panas ini, Apple akan membuka Galeri ekstensi Safari yang akan memberikan pengguna tempat yang mudah untuk menemukan menginstal ekstensi. Panik sudah dimunculkan oleh ekstensi mereka disebut Code Notes, yang, ketika datang keluar, akan memungkinkan Anda untuk menambahkan anotasi ke halaman web dengan gambar dan menulis catatan teks langsung di situs. Ekstensi kemudian akan memungkinkan Anda untuk berbagi anotasi Anda melalui email. Sebuah contoh yang keren apa yang mampu oleh ekstensi API Safari 5.


4. JavaScript Engine lebih cepat

Itu peningkatan browser yang lengkap jika Apple tidak mempromosikan mereka 30% lebih cepat JavaScript Engine. Pada tes kinerja SunSpider JavaScript, Peringkat Safari sama debgab Google Chrome, dan masih jauh di depan versi terbaru dari Firefox. Sementara performa JavaScript penting, bottleneck kinerja nyata untuk aplikasi web tidak berbohong dalam kinerja bahasa JavaScript baku, tetapi dalam DOM API, yang merupakan terkenal lamban di semua browser. Saya berharap lebih banyak perhatian dibayarkan kepada kinerja DOM di masa depan.


5. Safari Reader

Sementara bukan secara khusus fitur pengembang web, saya yakin Anda membaca banyak artikel seperti ini di seluruh web. Safari Reader pada dasarnya adalah cara untuk mendapatkan menghilangkan semua gangguan ketika membaca artikel. Seperti Readability bookmarklet, Safari Reader secara otomatis mengenali halaman dengan sebuah artikel di dalamnya, dan menyajikan sebuah tombol di toolbar yang mengekstrak teks dan gambar dari artikel bagian halaman dan menampilkan mereka dalam font yang menyenangkan untuk dibaca. Hal ini juga sangat bagus bahwa Anda dapat dengan mudah mengemail dan mencetak artikel sementara Anda melihat ke Reader View. Saya yakin bahwa saya akan sering menggunakan ini!


Sementara bukan rilis utama dalam hal fitur pengguna, Safari 5 adalah rilis yang sangat bagus untuk pengembang. Dengan dukungan HTML5 yang lebih baik, peningkatan performa JavaScript, dan Inspektur Web yang lebih baik, Safari adalah pilihan browser development saya sekarang. Bagaimana denganmu?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.