Modifier du HTML hors ligne, sans connexion

Place 26A, le portable ouvert, l'icône du wifi barrée d'une croix. Il y a un numéro de téléphone faux sur une page que tu dois corriger avant d'atterrir — en plein dans le titre — et l'échéance se fiche bien que tu n'aies plus de réseau pour les quatre prochaines heures. La page est enregistrée sur ton disque, donc l'ouvrir n'est pas le souci. Le souci, c'est l'éditeur. Va-t-il seulement démarrer maintenant que tu es hors ligne, ou avait-il discrètement besoin du réseau que tu n'as plus ?

Corriger hors ligne, c'est la partie facile. Le piège est plus petit et plus sournois, et il se cache dans le mot hors ligne lui-même — j'y viens avant que tu atteignes ton altitude de croisière. Il y a deux façons de faire, et chacune abandonne ce que l'autre garde. Mais d'abord, pourquoi vouloir une page coupée d'internet, parce que ce n'est presque jamais qu'une histoire de signal mort.

quand le fichier ne doit pas monter en ligne

Les raisons de garder une page hors d'internet pendant que tu la modifies ne manquent pas.

Elle est confidentielle — le travail d'un client, une page de contrat, tout ce qui porte un nom ou un chiffre que tu n'as pas le droit de laisser fuiter. Elle est purement interne, comme une page de manuel RH ou une procédure d'exploitation qui vit derrière le pare-feu de la boîte et est censée y rester. Elle n'est pas finie, et tu ne veux pas d'un brouillon à moitié cuit mis en cache sur un serveur quelconque. Ou tu n'as tout simplement pas de signal — un vol, un train qui plonge dans un tunnel, un chalet avec une barre qui saute chaque fois que tu en as besoin.

Et parfois, c'est juste une préférence. Tu ne veux pas qu'une copie de ton fichier traîne sur la machine de quelqu'un d'autre, jamais. C'est une raison bien suffisante à elle seule.

deux façons de le faire hors ligne

Deux options, donc, qui tirent dans des sens opposés. Un éditeur de code que tu installes. Ou un fichier éditeur unique que tu télécharges une fois.

Option	Marche sans internet	Page visuelle + code synchronisés	Installation requise	Idéal pour
Éditeur de code local (VS Code, Notepad++)	Oui, une fois installé	Non — code brut, aperçu en rechargeant dans un navigateur	Oui, une installation complète	Ceux à l'aise avec les balises
Fichier éditeur unique téléchargé	Oui, une fois le premier lancement mis en cache	Oui	Non — un seul fichier .html	Modifier une page visuellement, hors ligne

Un éditeur de code, c'est la réponse classique. Tu l'installes une fois et il est à toi pour toujours, sans connexion. Le hic, c'est que tu as sous les yeux des balises brutes, et pour voir la page rendue, tu double-cliques le fichier dans un navigateur et tu rafraîchis à chaque fois que tu changes quelque chose. Si tu lis déjà le HTML sans effort, ça va. Sinon, c'est laborieux.

L'autre voie, c'est un fichier éditeur unique — un seul .html que tu enregistres sur ton disque, sans installateur, qui ouvre ta page visuellement avec le code juste à côté. C'est le créneau de l'outil que je fabrique, et c'est celui que cherchent vraiment la plupart des gens qui « veulent juste corriger une page ». Si tu veux le paysage complet des éditeurs avant de choisir, je les ai passés en revue dans ma comparaison des éditeurs HTML gratuits.

le fichier qu'on télécharge une fois et qu'on garde

Voici le petit accroc que je t'avais promis, et j'aime autant que tu l'apprennes de ma bouche plutôt que de le découvrir en plein vol.

Un éditeur en un seul fichier qui tourne dans ton navigateur a quand même besoin d'un moteur — le code qui fait marcher le clic et l'édition en direct. La première fois que tu ouvres ce fichier, il va chercher ce moteur et le met en cache dans ton navigateur. Après ça, il tourne hors ligne, à chaque fois, sans connexion. C'est comme charger ton téléphone à fond avant une rando — tu fais le plein une fois près de la prise, et l'énergie te suit là où il n'y en a plus.

Donc la manœuvre est simple. Télécharge le fichier, ouvre-le une fois pendant que tu as encore du wifi pour qu'il se mette en cache, puis referme le capot et pars où tu veux. Attrape-le et bascule direct en mode avion sans jamais l'avoir ouvert, et ce premier lancement risque de rester blanc. Une connexion, une seule fois. C'est le prix, et c'est tout le prix — une fois le cache fait, tu gardes le même fichier pour toujours et il ne rappelle plus jamais la maison.

Un éditeur de code local n'a pas ce caprice. Installe-le et il est hors ligne dès le départ. Il ne peut simplement pas te montrer la page comme le fait un éditeur visuel. À toi de choisir ton compromis.

alors, comment il édite vraiment sans rien de connecté

Une fois le moteur en cache, la connexion cesse de compter.

Tu ouvres ton fichier .html. La page s'affiche. Tu cliques le mauvais numéro de téléphone, tu le retapes, et le code se met à jour en dessous au même rythme — le « clic pour localiser » te saute à la ligne correspondante si tu veux vérifier. Quand tu enregistres, Chrome et Edge réécrivent le changement directement dans le fichier d'origine sur ton disque. Les autres navigateurs te tendent une copie téléchargée avec la modif intégrée, en laissant ton original intact. Tout ça, c'est ton navigateur qui lit et écrit un fichier sur ta propre machine. Aucun envoi, connecté ou pas.

Il y a aussi un mode texte seul, qui verrouille la mise en page pour que tu réécrives le libellé sans rien pousser hors de sa place — pratique quand quelqu'un qui ne code pas doit corriger le texte d'une page que tu ne peux pas te permettre de casser.

Il y a une limite. Ça marche sur une seule page .html, pas sur un projet React ou Next à plusieurs fichiers — une page, pas un dépôt.

prépare-toi avant de perdre le signal

1. Pendant que tu as encore une connexion, prépare l'éditeur — installe ton éditeur de code, ou télécharge la version en un seul fichier et ouvre-la une fois pour qu'elle mette son moteur en cache.
2. Teste-le hors ligne avant d'en dépendre. Coupe le wifi, rouvre l'éditeur, et confirme qu'il se charge encore. Mieux vaut trouver le problème à la porte d'embarquement qu'en l'air.
3. Ouvre ton fichier .html dedans (le bouton d'ouverture, pas un double-clic dans un simple onglet de navigateur).
4. Change ce qu'il faut — clique le texte, le lien ou l'image et modifie-le visuellement, et passe en vue code pour tout ce qui est structurel.
5. Enregistre. Sous Chrome ou Edge, ça réécrit dans le fichier. Dans les autres navigateurs, ça télécharge une copie modifiée, alors note quel fichier est désormais le plus récent.
6. Vérifie le rendu. Double-clique le fichier enregistré dans un navigateur et contrôle que le changement est bien là avant de refermer le portable.

ce qui a tendance à mal tourner

Quelques trucs mordent les gens, et chacun est évitable.

Télécharger l'éditeur et ne jamais l'ouvrir en ligne d'abord. Résultat, il est blanc quand tu en as enfin besoin et il n'y a pas de wifi pour réparer ça. Ouvre-le une fois au sol.

Confondre ouvrir un fichier et le modifier. Double-cliquer un .html dans Chrome affiche la page, et les retouches que tu bricoles dans les DevTools ont l'air réelles — mais elles s'évaporent au rafraîchissement, parce que ça, c'est regarder, pas enregistrer. Si ça t'a déjà piégé, j'ai écrit sur la différence dans comment modifier un fichier HTML.

Perdre le fil des copies dans un navigateur qui télécharge une copie. Tu corriges le numéro, tu enregistres un nouveau fichier, puis tu continues à éditer le vieil original par erreur. Nomme-les clairement ou travaille sous Chrome ou Edge, où la modif retourne dans un seul fichier.

Croire que hors ligne veut dire à l'abri. Non. Hors ligne enlève l'envoi, pas le portable qui peut se perdre ou se faire voler avec le fichier confidentiel encore dessus. Le chiffrement du disque reste ton boulot.

S'attendre à ce que ça ouvre un projet de framework entier. Ça ne le fera pas, et ce n'est pas fait pour. Une page.

Ton prochain vol, ne te bats pas avec le wifi. Télécharge la version en un seul fichier, ouvre-la une fois au sol pour qu'elle se mette en cache, et elle éditera bien volontiers tes pages en altitude de croisière — les confidentielles comprises.