Bagaimana untuk Memuatkan Aset HTTPS dengan Selamat pada Halaman HTTPS?

Memuatkan Aset HTTPS pada Halaman HTTPS

Apabila memasukkan fail CSS dan JS luaran ke dalam pengepala dan pengaki tapak web, adalah penting untuk memastikan aset ini dimuatkan dengan selamat melalui HTTPS apabila halaman itu sendiri adalah HTTPS. Sesetengah penyemak imbas mungkin membenderakan kandungan tidak selamat, yang boleh menjejaskan kepercayaan pengguna.

Penyelesaian: Laluan Relatif Protokol

Untuk menyelesaikan isu ini, gunakan laluan relatif protokol dan bukannya laluan mutlak laluan. Laluan mutlak menentukan URL penuh, termasuk protokol (cth., http:// atau https://). Laluan relatif protokol, sebaliknya, meninggalkan protokol dan gunakan garis miring ke hadapan berganda (//) sebaliknya.

Contoh:

Daripada menggunakan:

<link rel="stylesheet" href="http://example.com/style.css">
<script src="http://example.com/script.js"></script>

Gunakan:

<link rel="stylesheet" href="//example.com/style.css">
<script src="//example.com/script.js"></script>

Dengan menggunakan laluan relatif protokol, penyemak imbas secara automatik akan menggunakan protokol yang sama seperti halaman induk, memuatkan aset luaran dengan selamat (melalui HTTPS) apabila halaman dimuatkan melalui HTTPS. Ini memastikan semua kandungan pada halaman dimuatkan dengan selamat, meningkatkan kredibiliti tapak web dan pengalaman pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Aset HTTPS dengan Selamat pada Halaman HTTPS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!