Wie kann ich auf GitHub gehostete externe JavaScript-Dateien erfolgreich verknüpfen und ausführen?

Verknüpfen und Ausführen externer JavaScript-Dateien, die auf GitHub gehostet werden

Beim Versuch, eine externe JavaScript-Datei von GitHub Raw zu laden, kann es vorkommen, dass Sie auf Folgendes stoßen: Fehler „Ausführung des Skripts verweigert … MIME-Typ (text/plain) ist nicht ausführbar.“ Dies ist auf den von GitHub festgelegten X-Content-Type-Options: nosniff-Header zurückzuführen, der eine strenge MIME-Typprüfung erzwingt.

Lösung: jsdelivr.net

Allerdings , jsdelivr.net bietet eine Problemumgehung für dieses Problem. Durch Ändern der GitHub Raw-URL und Hinzufügen zu jsdelivr.net können Sie das externe Skript erfolgreich laden.

Schritte zum Ändern der GitHub Raw-URL für jsdelivr.net:

1. Suchen Sie die GitHub Raw-URL und klicken Sie auf die „Raw“-Version.
2. Kopieren Sie die URL.
3. Ersetzen Sie raw.githubusercontent.com durch cdn.jsdelivr.net.
4. Fügen Sie /gh/ vor Ihrem GitHub-Benutzernamen ein.
5. Entfernen Sie den Filialnamen (falls vorhanden) .
6. Optional geben Sie die Version an, auf die Sie verlinken möchten (z. B. @version) oder entfernen Sie sie, um sie abzurufen die neueste.

Beispiele:

• Um die neueste Version zu erhalten:

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

• So erhalten Sie eine bestimmte Version oder einen Commit-Hash:

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

Überlegungen für Produktionsumgebungen:

Für Produktionsumgebungen ist es ratsam, anstelle des Zweigs auf ein bestimmtes Tag oder einen Commit-Hash abzuzielen. Wenn Sie sich auf den neuesten Link verlassen, kann dies zu einer längeren Zwischenspeicherung führen und verhindern, dass die Datei aktualisiert wird, wenn Sie neue Versionen übertragen. Durch die Verwendung eines Commit-Hashs oder Tags stellen Sie sicher, dass der Link für die Version eindeutig ist.

Hintergrund zur MIME-Typprüfung:

GitHub hat X-Content-Type implementiert. Optionen: nosniff im Jahr 2013, um eine strenge MIME-Typprüfung in modernen Browsern durchzusetzen. Diese Aktion verhindert, dass der Browser die Datei wie vorgesehen verwendet, wenn er die Einstellung berücksichtigt.

Das obige ist der detaillierte Inhalt vonWie kann ich auf GitHub gehostete externe JavaScript-Dateien erfolgreich verknüpfen und ausführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!