首頁 > web前端 > js教程 > 如何成功連結並執行 GitHub 上託管的外部 JavaScript 檔案?

如何成功連結並執行 GitHub 上託管的外部 JavaScript 檔案?

Linda Hamilton
發布: 2024-12-01 01:31:11
原創
737 人瀏覽過

How Can I Successfully Link and Execute External JavaScript Files Hosted on GitHub?

連結與執行GitHub 上託管的外部JavaScript 檔案

在嘗試從GitHub Raw 載入外部JavaScript 檔案時,您可能會遇到外部JavaScript 檔案時,您可能會遇到外部JavaScript 檔案時,您可能會遇到外部JavaScript 檔案時,您可能會遇到外部JavaScript 檔案時,您可能會遇到外部JavaScript 檔案錯誤「拒絕執行腳本...MIME 類型(文字/純文字)不可執行。」這是由於GitHub 設定了X-Content-Type-Options: nosniff 標頭,它強制執行嚴格的 MIME 類型檢查。

解:jsdelivr.net

但是,jsdelivr.net 提供了解決此問題的方法。透過修改 GitHub Raw URL 並將其新增至 jsdelivr.net,即可成功載入外部腳本。

修改 jsdelivr.net 的 GitHub Raw URL 的步驟:

  1. 找到 GitHub Raw URL 並點擊「Raw」版本。
  2. 複製 URL。
  3. 將 raw.githubusercontent.com 替換為 cdn.jsdelivr.net。
  4. 在 GitHub 使用者名稱前插入 /gh/。
  5. 刪除分支名稱(如果存在)。
  6. (可選)指定您想要的版本連結到(例如@version)或刪除它以取得最新版本。

範例:

  • 取得最新版本:
http://cdn.jsdelivr.net/gh/<username>/<repo>/path/to/file.js
登入後複製
  • 取得特定版本或提交hash:
http://cdn.jsdelivr.net/gh/<username>/<repo>@<version or hash>/path/to/file.js
登入後複製

生產環境注意事項:

對於生產環境,建議針對特定標籤或提交哈希而不是分支。依賴最新連結可能會導致快取時間延長,在您推送新版本時阻止檔案更新。透過使用提交哈希或標籤,您可以確保連結對於該版本是唯一的。

MIME 類型檢查背景:

GitHub 實現了X-Content-Type-選項:2013 年的nosniff 在現代瀏覽器中強制執行嚴格的MIME 類型檢查。如果瀏覽器遵循該設置,此操作將阻止瀏覽器按預期使用該文件。

以上是如何成功連結並執行 GitHub 上託管的外部 JavaScript 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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