Menggali API Sejarah HTML5

Artikel ini terutama memperkenalkan eksplorasi mendalam dari HTML5 History API, dan berfokus pada metode baru sejarah. Teman yang membutuhkannya bisa merujuknya.

Sejarah itu menyenangkan, bukan? Dalam versi HTML sebelumnya, kami memiliki operasi yang sangat terbatas pada sejarah menjelajah. Kita dapat menggunakan metode yang dapat kita gunakan bolak -balik, tapi itu semua yang bisa kita lakukan.

Namun, menggunakan HTML 5 History API, kita dapat mengontrol sejarah browser dengan lebih baik. Misalnya: kita dapat menambahkan catatan ke daftar sejarah, atau memperbarui URL bilah alamat saat tidak disegarkan.

Mengapa Memperkenalkan API Sejarah?

Dalam artikel ini, kita akan belajar tentang asal -usul API sejarah di HTML 5. Sebelum ini, kita sering menggunakan nilai hash untuk mengubah konten halaman, terutama yang sangat penting bagi halaman. Karena tidak disegarkan, tidak mungkin untuk mengubah URL untuk aplikasi satu halaman. Juga, ketika Anda mengubah nilai hash URL, ia tidak berpengaruh pada sejarah browser.

Kemudian, sekarang untuk HTML 5 History API, ini mudah diimplementasikan, tetapi karena aplikasi satu halaman tidak harus menggunakan nilai hash, mungkin memerlukan skrip pengembangan tambahan. Ini juga memungkinkan kami untuk membangun aplikasi baru dengan cara yang ramah SEO. Selain itu, dapat mengurangi bandwidth, tetapi bagaimana itu bisa dibuktikan?

Dalam artikel ini, saya akan menggunakan API riwayat untuk mengembangkan aplikasi satu halaman untuk membuktikan masalah di atas.

Ini juga berarti bahwa saya harus memuat sumber daya yang diperlukan di beranda terlebih dahulu. Sekarang mulai, halaman hanya memuat konten yang Anda butuhkan. Dengan kata lain, aplikasi tidak memuat semua konten di awal, dan hanya akan dimuat saat meminta konten aplikasi kedua.

Perhatikan bahwa Anda perlu melakukan beberapa pengkodean sisi server untuk menyediakan hanya sebagian dari sumber daya, bukan konten halaman yang lengkap.

Saat menulis artikel ini, dukungan untuk API sejarah oleh browser utama sangat bagus. Anda dapat mengklik di sini untuk melihat dukungan mereka. Tautan ini akan memberi tahu Anda browser yang didukung dan sebelum menggunakannya, selalu ada praktik yang baik untuk mendeteksi fungsi yang didukung khusus.

Untuk menentukan apakah browser mendukung API ini dengan cara tertentu, Anda dapat menggunakan baris kode berikut untuk memverifikasi: