Intégrer CSS et JavaScript

Intégrez les ressources CSS et JavaScript externes au HTML pour créer une page portable en un seul fichier.

Ressources inline

Intégrateur de ressources HTML CSS et JavaScript

Lisez les liens stylesheet, script src et img src externes. CSS devient style, JavaScript devient script inline et les images deviennent des Data URL. Les serveurs doivent autoriser CORS.

Fichier autonome

Regroupez les pages avec peu de dépendances dans un HTML pour archive, partage et usage hors ligne.

Choisir les types

Activez CSS, JavaScript et images séparément pour maîtriser les ressources traitées.

Suivre les échecs

Les ressources sont lues séquentiellement ; les erreurs CORS, 404 ou réseau ne bloquent pas les autres et sont signalées.

Mode d’emploi

  1. Collez du HTML avec link, script ou img externes et indiquez une URL de base pour les chemins relatifs.
  2. Choisissez les types, cliquez sur Intégrer les ressources et attendez la fin.
  3. Vérifiez puis copiez ou téléchargez. Les ressources cross-origin exigent la même origine ou CORS.

Questions fréquentes

Pourquoi une ressource a échoué ?

Le navigateur exige CORS. Les 404, protocoles différents, mauvais chemins relatifs ou ressources protégées peuvent aussi échouer. Vérifiez URL et en-têtes.

Le JavaScript inline est-il exécuté ?

Le texte n’est pas exécuté pendant la conversion. Un HTML téléchargé peut exécuter des scripts à l’ouverture ; utilisez une source fiable.

Outils recommandes

Ces outils de fichiers peuvent aussi vous etre utiles