ios4.2 Mendukung fitur HTML5 baru untuk iOS 4.2

Artikel Pengenalan Wulin.com (www.vevb.com): iOS versi 4.2 Safari mendukung pembaruan untuk fitur HTML5.

Artikel yang dikumpulkan dari Safari di iOS 4.2: Accelerometer, Websockets, SVG, AJAX2 & Dukungan HTML5 yang lebih baik

Nah, dikatakan bahwa iOS 4.2 telah dirilis, dan semua iPhone, iPod, iPad, dll. Dapat diperbarui secara gratis. Sangat menyenangkan bahwa versi iOS ini memiliki peningkatan yang relatif besar untuk mendukung fitur HTML5 baru, termasuk dukungan untuk Websockets dan Accelerometer, acara baru, dukungan untuk pencetakan, tipe data JavaScript baru dan dukungan SVG yang lebih baik.

Faktanya, Apple belum memperbarui dokumentasi Safari. Informasi di sini hanya didasarkan pada penelitian JavaScript dan pengujian Safari (Catatan: Safari mengacu pada browser Safari di perangkat seluler iOS, tidak termasuk Safari pada mesin PC dan Mac). Secara khusus, fitur -fitur baru yang terdeteksi adalah sebagai berikut:

Mungkin Anda sudah tahu bahwa perangkat iOS memiliki sensor akselerasi (dan lainnya, seperti magnetisme dan giroskop), tetapi sampai sekarang, pengembang web tidak memiliki izin untuk mengoperasikan sensor ini. Safari sekarang mendukung API Deviceorientation (W3C Draft), tetapi meskipun tampaknya semua API didukung (termasuk acara ondeviceorientation dan ondevicemotion), dalam pengujian, saya hanya dapat berhasil menggunakan data akselerator.

Jika Anda sudah memiliki perangkat iOS 4.2, Anda dapat menggunakan browser Safari untuk mengakses ad.ag/jtjdmj untuk mengujinya sendiri.

Untuk mendeteksi 50 perubahan data Accelerometer per detik, Anda perlu mendengarkan acara OnDevicemotion pada objek global jendela, dan kemudian menggunakan properti AccelerationIncludegravity pada parameter EVERITationEvent. Ini memiliki tiga nilai: x, y, dan z, yang mewakili akselerasi g (gravitasi) pada setiap koordinat masing -masing. Anda dapat menggunakan jumlah akselerasi dalam game, efek, atau animasi CSS.

12345Window.event

Pembaruan besar lainnya adalah dukungan untuk websockets. WebSockets adalah W3C HTML5 API yang masih dalam status draft, memungkinkan JavaScript untuk menggunakan koneksi dua arah, kerja ganda ke server melalui soket TCP. Ini adalah kabar baik untuk obrolan dan aplikasi real-time, karena panggilan berkala AJAX dapat sangat berkurang.

Anda akan memerlukan server yang dapat memahami protokol WebSocket baru melalui jabat tangan HTTP. Jika server tidak mendukung WebSocket atau karena alasan proxy/gateway, Anda juga akan mengandalkan mekanisme fallback.

Faktanya, dukungan WebKit untuk formulir HTML5 relatif baik. Sekarang, Safari di iOS 4.2 telah mulai mendukung atribut yang diperlukan dan: kelas pseudo CSS tidak valid. Dengan cara ini, kode berikut akan menampilkan kotak teks yang menampilkan latar belakang hijau saat dimasukkan dengan benar, dan latar belakang kuning ketika itu salah.

<tyle> input {background-color: green; color: white;} input: tidak valid {latar belakang-color: yellow;} diperlukan>

Objek bernama FormData memungkinkan kita untuk dengan mudah menghasilkan data formulir melalui AJAX.

iOS 4.2 memperkenalkan AirPrint, solusi pencetakan yang tidak terbatas. Artinya, kita sekarang dapat menggunakan Window.Print untuk memanggil dialog cetak di Safari.

Safari sekarang mendukung koleksi kelas biner (kelas gumpalan) dan banyak jenis integer, seperti float32Array, int8array, uint8Array, int16Array unit16Array, int32Array, dan uint32Array, dll. Array yang ditentukan dalam spesifikasi array yang diketik. Informasi lebih lanjut dapat diakses.

Dalam acara Kelas Aksi baru, kita sekarang dapat menggunakan acara HTML 5 OnHashChange baru untuk mendeteksi perubahan setelah hash (#) di URL di Webapps kelas Ajax, serta acara yang tidak valid, OnBeforeload dan Onpopstate dalam spesifikasi draft HTML5.

Sekarang kita juga dapat menggunakan window.captureEvents dan window.releaseEvents untuk mendengarkan peristiwa dalam metode global.

iOS mendukung SVG sebagai file mandiri serta inline SVG (menggunakan tag SVG). Sekarang kita dapat membuat dokumen SVG secara langsung dalam dokumen kami - menggunakan lebih dari 20 kelas SVG___ seperti SVGDocument, SVGIMAGE, dll ...

Untuk kanvas, tipe data Imagedata sekarang didukung, cara untuk memanipulasi gambar pada tingkat piksel dari JavaScript.

PS: Karena saya tidak memiliki iPhone, iPad, dll., Tidak ada cara untuk menguji konten dalam artikel satu per satu. Jika Anda menemukan beberapa kesalahan atau konten baru, silakan kirimkan dengan meninggalkan pesan. Saya akan memperbarui artikel ini tepat waktu. Terima kasih - Shenfei