Exportez votre site en HTML
Collez une URL publique. Le plan gratuit exporte une seule page, sans carte bancaire.
La bonne méthode dépend de votre objectif : source serveur, DOM rendu après JavaScript, élément inspecté ou copie fonctionnelle avec ses ressources.
Besoin du frontend complet ? Passez un site que vous possédez ou êtes autorisé à copier dans l'exportateur de code de site, puis vérifiez pages, ressources et liens.
Choisir la méthode
| Objectif | Méthode | Résultat | Manque |
|---|---|---|---|
| Source brute de toute la page | Afficher le code source | Réponse HTML originale | Changements du DOM et ressources locales |
| HTML après JavaScript | DevTools, outerHTML de <html> | DOM rendu actuel | CSS, polices, images et backend téléchargés |
| Un composant | Inspecter l'élément | Nœud et descendants | Styles globaux et comportement |
| Une page avec ressources | Enregistrer la page complète | HTML et dossier de ressources | Liens fiables du site complet et backends |
| Plusieurs pages | Exportateur de site | Crawl, ressources et liens réécrits | Systèmes privés ou serveur |
1. Copier la source de la page
Ouvrez Afficher le code source ou utilisez Ctrl+U sous Windows/Linux et Cmd+Option+U sous macOS si disponible. Copiez le texte et enregistrez-le en .html.
Ce code est la réponse serveur. React, Vue ou un autre JavaScript peut ensuite modifier la page ; la source peut donc différer de l'écran.
2. Copier le DOM rendu
Ouvrez DevTools (F12, Ctrl+Shift+I ou Cmd+Option+I), allez dans Elements/Inspector, sélectionnez <html> et choisissez Copy outerHTML.
Le DOM contient les changements JavaScript déjà effectués, mais référence encore CSS, images, polices et scripts. Il ne reproduit pas API, base de données ou authentification.
3. Copier un élément inspecté
Sélectionnez le composant et copiez son outerHTML. Examinez Styles et Computed. Le rendu peut dépendre de variables racine, resets, classes parentes, media queries, pseudo-éléments, polices et état JavaScript.
4. Enregistrer une page ou exporter le site
Pour une page, utilisez Ctrl+S ou Cmd+S puis Page web, complète. Testez hors ligne : liens, lazy loading et fonctions applicatives peuvent dépendre du site source.
Pour plusieurs pages, un exportateur autorisé peut parcourir les liens, télécharger les ressources accessibles et réécrire les URLs internes. Gardez une archive intacte et testez la copie sur un serveur local ou de test.
Copier du HTML sur mobile
Android : view-source: fonctionne selon le navigateur. Pour une inspection fiable, utilisez le débogage distant de Chrome depuis un ordinateur.
iPhone/iPad : activez Web Inspector puis inspectez depuis Safari sur Mac, ou utilisez une app/Shortcut après contrôle de sa confidentialité. N'envoyez jamais contenu privé ou identifiants à un service inconnu.
Pourquoi le HTML copié est cassé
- CSS : téléchargez les feuilles autorisées et corrigez les chemins.
- Images : vérifiez
src,srcset,<picture>, fonds CSS, lazy load, SVG et vidéo. - Polices : copiez uniquement les fichiers sous licence et leurs règles
@font-face. - JavaScript : modules, API, cookies, auth et routes serveur ne sont pas reproduits par le markup.
- Liens : convertissez la navigation vers les bonnes URLs relatives ou finales.
Limites légales et éthiques
Une source publique ne transfère aucun droit. Copiez votre site, un contenu sous licence compatible ou un site que vous êtes autorisé à migrer. Design, textes, images, vidéo, polices, marques, données personnelles et templates peuvent avoir des droits séparés. Ne contournez pas authentification, contrôle d'accès ou protection technique.
Vérification finale
- Ouvrir chaque page via un serveur local
- Vérifier ordinateur et mobile
- Confirmer CSS, images, polices et scripts
- Tester liens, formulaires, embeds et erreurs
- Retirer ressources non autorisées et secrets
- Préserver ou rediriger les URLs importantes
Utilisez la source pour le HTML brut, DevTools pour le DOM ou un élément, l'enregistrement complet pour une page et un exportateur pour une migration autorisée multi-pages.
