MIME タイプ エラーを発生させずに GitHub から外部 JavaScript ファイルをロードする方法

GitHub からの外部 JavaScript ファイルのロード

GitHub でホストされている外部 JavaScript ファイルを参照する場合、開発者は、それらのファイルを GitHub からロードしようとすると問題が発生することがよくあります。 GitHub の生のリンク。これにより、最新のブラウザによって強制される MIME タイプ チェックが原因でエラーが発生する可能性があります。

この問題を解決するには、JavaScript ファイルをロードする代替方法を見つける必要があります。効果的な解決策の 1 つは、jsdelivr.net を利用することです。次の手順に従うことで、機能的に同等のリンクを取得できます。

1. GitHub リンクの「Raw」バージョンに移動します。
2. URL をコピーします。
3. 「raw.githubusercontent.com」を次のように置き換えます。 "cdn.jsdelivr.net".
4. ユーザー名の前に「/gh/」を挿入します。
5. ブランチ名を削除します。
6. (オプション) 「@」記号。これを省略すると、最新バージョンがロードされます。

例:

• 最新バージョン:

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

• 特定のバージョンまたはコミットハッシュ:

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

なぜこれなのか必要ですか?

GitHub の X-Content-Type-Options: nosniff ヘッダーの実装は、ブラウザーに MIME タイプ チェックを強制します。この設定により、特定のブラウザが RAW ファイルを意図したとおりに解釈できなくなり、観察されるエラーが発生します。

このトピックの詳細については、リンクされたディスカッション スレッドを参照してください。

以上がMIME タイプ エラーを発生させずに GitHub から外部 JavaScript ファイルをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。