Beberapa fitur baru browser Safari 4

Di WWDC 2009, Apple merilis versi resmi browser Safari 4. Versi resmi Safari 4 memberikan imitasi tab Chrome dan dipulihkan ke antarmuka versi 3.0. Dikatakan bahwa di WWDC, Serlet dengan serius bsted browser IE8 Microsoft dan mengatakan bahwa mesin JavaScript Safari saat ini adalah yang tercepat di dunia. Menurut data uji yang disediakannya, kecepatan Chrome 2 adalah 5,3 kali lipat IE8, sedangkan kecepatan Safari4 adalah 7,8 kali lipat IE8!

Sebagian besar data ini adalah tipuan resmi, jadi jangan khawatir untuk saat ini. Mari kita lihat apa dampak Safari4 pada pengembangan front-end kami:

html 5

Dukung tag audio dan video.

CSS

Safari4 telah membuat banyak peningkatan dukungan CSS, sebagai berikut:

zoom

Safari 4 mulai mendukung atribut zoom. Ini adalah penggunaan dan efek browser IE. Perbedaannya adalah bahwa jika zooming, Safari akan menyusut ke font minimum yang didukung oleh browser, sementara IE akan menyusut langsung ke ukuran yang ditetapkan. Misalnya:

 .zoomtest {font-size: 12px; Zoom: 0.1}

Safari hanya akan menyusut ke ukuran font 9px, sementara IE akan menyusut menjadi 1.2px (tidak dapat dilihat dengan jelas dengan mata telanjang).

-webkit-animasi

Ada serangkaian sub-properti:

• -webkit-animation-name Tentukan nama untuk animasi
• -webkit-animasi-durasi durasi animasi
• -webkit-animasi-timasi-waktu metode switching bingkai animasi, yaitu efek animasi, mungkin termasuk kemudahan, linier, kemudahan, kemudahan, dan kemudahan-keluar.
• -webkit-animation-delay mendefinisikan waktu mulai animasi
• -WebKit-animation-iteration-count Animation Repetitions
• -WebKit-animation-direction Animation Arah memiliki dua sifat: Normal, Forward Play; Alternatif, alternatif, bahkan bermain ke depan, permainan terbalik yang aneh.

-webkit-mask

Efek CSS Mask/Mask

• -webkit-mask-attachment dua nilai: diperbaiki dan gulir;
• -webkit-mask-klip efek kliping dari perbatasan elemen;
• -WebKit-mask-POSISI Penggunaannya mirip dengan atribut posisi latar belakang.
• -webkit-mask-origin menentukan jangkar atribut -WebKit-mask-position. Ada tiga atribut: perbatasan, konten, dan padding.
• -WebKit-mask-image elemen gambar mask, nilai adalah jalur gambar;
• -Webkit-mask-re-re-repeat recetitive,
• -Webkit-mask-composite mix styles. Standarnya adalah perbatasan, yang berarti latar belakang meluas ke daerah perbatasan. Ini juga dapat diatur ke padding.

Perbaikan lainnya

Safari4 juga menambah atau meningkatkan dukungan atribut CSS lainnya. Misalnya, posisi latar belakang mulai mendukung efek animasi, jadi saya tidak akan mengulanginya di sini.

Dapat dilihat bahwa atribut CSS baru yang ditambahkan oleh Safari bukanlah konten dalam standar W3C, tetapi atribut pribadi dari webkit ini memang dapat memungkinkan kami untuk mengembangkan aplikasi jaringan yang lebih baik.

Karakter Wai-Aria

Saya percaya bahwa tidak banyak orang yang tahu tentang Wai-aria. WAI-ARIA berarti W3C Web Accessibility Initiative Aplikasi Internet yang kaya, diterjemahkan sebagai aplikasi internet kaya yang bebas hambatan dalam bahasa Cina. Pada saat yang sama, W3C merumuskan standar peran Wai-aria. Google mengumumkan belum lama ini akan sangat mendukung Wai-aria, dan fungsi membaca layar pembaca Google diimplementasikan melalui Wai-aria. Saat ini, Firefox telah mulai mendukung Wai-aria, dan IE8 sebagian mendukungnya. Safari 4 juga mulai mendukung peran Wai-aria. Lihatlah dukungan Safari 4 untuk Wai-aria >>

Perlu dicatat bahwa Wai-aria tampaknya hanya mendukung tag Div dan span. Untuk bekerja sama dengan WAI-ARIA, Safari juga menambahkan beberapa atribut pendukung HTML, seperti aria-checked/aria-level/aria-valuemax/aria-valuemin, dll.

Unduh Safari:

PS: Tombol unduhan ini berasal dari halaman resmi unduhan safari. Jika Anda berhati -hati, Anda akan menemukan bahwa gaya tombol ini jelas bukan gaya Apple, tetapi lebih seperti gaya tombol hijau di halaman unduhan Firefox.