ホームページ >ウェブフロントエンド >jsチュートリアル >MIME タイプ エラーを発生させずに GitHub から外部 JavaScript ファイルをロードする方法

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

Susan Sarandon
Susan Sarandonオリジナル
2024-12-27 16:16:11612ブラウズ

How to Load External JavaScript Files from GitHub Without MIME Type Errors?

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
  • 特定のバージョンまたはコミットハッシュ:

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。