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

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

Susan Sarandon
リリース: 2024-12-27 16:16:11
オリジナル
600 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート