首頁 > web前端 > css教學 > 如何透過 HTTPS 安全地包含外部 CSS 和 JS 檔案?

如何透過 HTTPS 安全地包含外部 CSS 和 JS 檔案?

Mary-Kate Olsen
發布: 2024-11-16 19:19:03
原創
855 人瀏覽過

How to Securely Include External CSS and JS Files via HTTPS?

透過HTTPS 安全包含外部CSS 和JS 檔案

將外部CSS 和JS 檔案合併到您的網站時,重要的是要確保當透過HTTPS 存取父頁面時,它們會得到安全的服務。如果將不安全的內容載入到 HTTPS 頁面,瀏覽器通常會顯示警告。

要解決此問題,請利用協定相對路徑。不要指定完整的 URL,包括協定(例如 http),而是使用雙正斜線 (//)。

範例:

而不是:

<link rel="stylesheet" href="http://example.com/style.css">
<script src="http://example.com/script.js"></script>
登入後複製

使用:

<link rel="stylesheet" href="//example.com/style.css">
<script src="//example.com/script.js"></script>
登入後複製

透過使用協定路徑相對,瀏覽路徑,瀏覽器將使用與父頁面相同的協定自動取得外部內容。這可確保透過 HTTPS 存取頁面時安全地載入所有內容。

以上是如何透過 HTTPS 安全地包含外部 CSS 和 JS 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板