Comment puis-je lier et exécuter avec succès des fichiers JavaScript externes hébergés sur GitHub ?

Lien et exécution de fichiers JavaScript externes hébergés sur GitHub

Lors d'une tentative de chargement d'un fichier JavaScript externe à partir de GitHub Raw, vous pouvez rencontrer le problème erreur "Refus d'exécuter le script... Le type MIME (texte/plain) n'est pas exécutable." Cela est dû à l'en-tête X-Content-Type-Options: nosniff défini par GitHub, qui applique une vérification stricte du type MIME.

Solution : jsdelivr.net

Cependant , jsdelivr.net fournit une solution de contournement à ce problème. En modifiant l'URL brute de GitHub et en l'ajoutant à jsdelivr.net, vous pouvez charger le script externe avec succès.

Étapes pour modifier l'URL brute de GitHub pour jsdelivr.net :

1. Trouvez l'URL GitHub Raw et cliquez sur "Raw" version.
2. Copiez l'URL.
3. Remplacez raw.githubusercontent.com par cdn.jsdelivr.net.
4. Insérez /gh/ avant votre nom d'utilisateur GitHub.
5. Supprimez le nom de la branche (si présent).
6. Facultativement, précisez la version souhaitée vers lequel créer un lien (par exemple, @version) ou supprimez-le pour obtenir la dernière version.

Exemples :

• Pour obtenir la dernière version :

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

• Pour obtenir une version spécifique ou s'engager hash :

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

Considérations pour les environnements de production :

Pour les environnements de production, il est conseillé de cibler une balise spécifique ou de valider un hachage au lieu de la branche . S'appuyer sur le dernier lien peut entraîner une mise en cache prolongée, empêchant la mise à jour du fichier lorsque vous diffusez de nouvelles versions. En utilisant un hachage ou une balise de validation, vous vous assurez que le lien est unique à la version.

Contexte sur la vérification de type MIME :

GitHub a implémenté X-Content-Type- Options : nosniff en 2013 pour imposer une vérification stricte du type MIME dans les navigateurs modernes. Cette action empêche le navigateur d'utiliser le fichier comme prévu s'il respecte le paramètre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!