Wie lade ich externe JavaScript-Dateien von GitHub ohne MIME-Typfehler?

Externe JavaScript-Dateien von GitHub laden

Beim Verweisen auf externe, auf GitHub gehostete JavaScript-Dateien stoßen Entwickler häufig auf Probleme, wenn sie versuchen, diese Dateien von GitHub zu laden der GitHub-Rohlink. Dies kann aufgrund der von modernen Browsern erzwungenen MIME-Typprüfung zu Fehlern führen.

Um dieses Problem zu beheben, muss eine alternative Methode zum Laden der JavaScript-Datei gefunden werden. Eine effektive Lösung ist die Nutzung von jsdelivr.net. Indem Sie diese Schritte befolgen, können Sie einen funktional gleichwertigen Link erhalten:

1. Navigieren Sie zur „Raw“-Version Ihres GitHub-Links.
2. Kopieren Sie die URL.
3. Ersetzen Sie „raw.githubusercontent.com“ durch „cdn.jsdelivr.net“.
4. Einfügen „/gh/“ vor Ihrem Benutzernamen.
5. Entfernen Sie den Filialnamen.
6. (Optional) Geben Sie die gewünschte Version nach einem „@“-Symbol an. Wenn Sie dies weglassen, wird die neueste Version geladen.

Beispiele:

• Neueste Version:

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

• Spezifische Version oder Commit hash:

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

Warum ist das notwendig?

GitHubs Implementierung der X-Content-Type-Options: nosniff Der Header zwingt Browser dazu, die MIME-Typprüfung zu erzwingen. Diese Einstellung verhindert, dass bestimmte Browser Rohdateien wie vorgesehen interpretieren, was zu den beobachteten Fehlern führt.

Weitere Einblicke in dieses Thema finden Sie im verlinkten Diskussionsthread.

Das obige ist der detaillierte Inhalt vonWie lade ich externe JavaScript-Dateien von GitHub ohne MIME-Typfehler?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!