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

連結與執行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中文網其他相關文章！