GitHub でホストされている外部 JavaScript ファイルを正常にリンクして実行するにはどうすればよいですか?

GitHub でホストされている外部 JavaScript ファイルのリンクと実行

GitHub Raw から外部 JavaScript ファイルをロードしようとすると、エラー「スクリプトの実行が拒否されました...MIME タイプ (text/plain) は実行可能ではありません。」これは、厳密な MIME タイプ チェックを強制する GitHub によって設定された X-Content-Type-Options: nosniff ヘッダーによるものです。

解決策: jsdelivr.net

ただし、jsdelivr.net では、この問題の回避策が提供されています。 GitHub Raw URL を変更して jsdelivr.net に追加すると、外部スクリプトを正常にロードできます。

jsdelivr.net の GitHub Raw URL を変更する手順:

1. GitHub Raw URL を見つけて、「Raw」をクリックしますversion.
2. URL をコピーします。
3. raw.githubusercontent.com を cdn.jsdelivr.net に置き換えます。
4. GitHub ユーザー名の前に /gh/ を挿入します。
5. ブランチ名を削除します (
6. オプションで、リンク先のバージョン (例: @version) を指定するか、削除して最新のバージョンを取得します。

例:

• 最新情報を入手するにはversion:

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

• 特定のバージョンを取得するか、ハッシュをコミットするには:

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

運用環境に関する考慮事項:

実稼働環境の場合は、タグの代わりに特定のタグまたはコミット ハッシュをターゲットにすることをお勧めします。 支店。最新のリンクに依存すると、キャッシュが長くなり、新しいバージョンをプッシュするときにファイルが更新されなくなる可能性があります。コミット ハッシュまたはタグを使用すると、リンクがそのバージョンに固有のものであることが保証されます。

MIME タイプ チェックの背景:

GitHub は X-Content-Type- を実装しました。オプション: 最新のブラウザーで厳密な MIME タイプ チェックを強制する 2013 年の nosniff。このアクションにより、ブラウザーが設定を尊重する場合、意図したとおりにファイルを使用できなくなります。

以上がGitHub でホストされている外部 JavaScript ファイルを正常にリンクして実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。