Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Memuatkan Fail CSS dan JS dengan Selamat pada Halaman HTTPS: Laluan Relatif Protokol atau URL Mutlak?

Bagaimana untuk Memuatkan Fail CSS dan JS dengan Selamat pada Halaman HTTPS: Laluan Relatif Protokol atau URL Mutlak?

Susan Sarandon
Susan Sarandonasal
2024-11-17 09:36:03190semak imbas

How to Load CSS and JS Files Securely on HTTPS Pages: Protocol-Relative Paths or Absolute URLs?

Memastikan Pemuatan Selamat CSS dan Fail JS pada Halaman HTTPS

Apabila memuatkan halaman HTTPS, penyemak imbas mungkin membenderakan kandungan tidak selamat jika CSS luaran dan Fail JS disertakan menggunakan protokol HTTP yang tidak selamat. Untuk menangani isu ini, pembangun boleh memanfaatkan laluan relatif protokol dan bukannya URL mutlak.

Penggunaan Laluan Relatif Protokol

Dengan menggunakan laluan relatif protokol, penyemak imbas akan secara dinamik menentukan sama ada untuk memuatkan kandungan luaran melalui HTTP atau HTTPS berdasarkan protokol yang digunakan oleh halaman induk. Begini cara menggunakan laluan relatif protokol:

  • Untuk fail CSS:
<link rel="stylesheet" href="//example.com/style.css">
  • Untuk fail JS:
<script src="//example.com/script.js"></script>

Dalam contoh ini, penggunaan garis miring berganda (//) bukannya http:// atau https:// menunjukkan laluan relatif protokol. Penyemak imbas akan menggunakan protokol yang sama seperti halaman induk untuk pemuatan selamat (iaitu, HTTPS untuk halaman HTTPS).

Mengelakkan Pemuatan HTTP Tidak Selamat

Dengan menggunakan protokol-relatif laluan, pembangun boleh mengelak daripada memuatkan kandungan tidak selamat pada halaman HTTPS. Ini memastikan semua sumber yang dikaitkan dengan halaman dimuatkan dengan selamat, meningkatkan keselamatan tapak web keseluruhan dan menghalang amaran penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Fail CSS dan JS dengan Selamat pada Halaman HTTPS: Laluan Relatif Protokol atau URL Mutlak?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn