如何成功链接并执行 GitHub 上托管的外部 JavaScript 文件？

链接和执行 GitHub 上托管的外部 JavaScript 文件

在尝试从 GitHub Raw 加载外部 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</repo></username>

• 获取特定版本或提交hash:

http://cdn.jsdelivr.net/gh/<username>/<repo>@<version or hash>/path/to/file.js</version></repo></username>

生产环境注意事项：

对于生产环境，建议针对特定标签或提交哈希而不是分支。依赖最新链接可能会导致缓存时间延长，从而在您推送新版本时阻止文件更新。通过使用提交哈希或标签，您可以确保链接对于该版本是唯一的。

MIME 类型检查背景：

GitHub 实现了 X-Content-Type-选项：2013 年的 nosniff 在现代浏览器中强制执行严格的 MIME 类型检查。如果浏览器遵循该设置，此操作将阻止浏览器按预期使用该文件。

以上是如何成功链接并执行 GitHub 上托管的外部 JavaScript 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！