Navigateur sans interface
Ce qu'est un navigateur sans interface, comment il sert aux captures automatisées et les pièges courants.
Un navigateur sans interface (headless browser) est un navigateur web qui fonctionne sans fenêtre visible et qui est piloté par du code. Il utilise le même moteur que le navigateur habituel : il analyse le HTML, exécute le JavaScript, calcule la mise en page et produit des pixels, mais il les dessine dans un tampon hors écran.
Chrome et Firefox disposent tous deux de modes sans interface. Des programmes les pilotent par des protocoles comme le Chrome DevTools Protocol, WebDriver et WebDriver BiDi. Des bibliothèques comme Puppeteer, Playwright et Selenium encapsulent ces protocoles dans une API de programmation.
Comme rien n'est dessiné à l'écran, un navigateur sans interface peut fonctionner sur des serveurs et dans des pipelines CI qui n'ont pas d'écran.
Fonctionnement d'un navigateur sans interface
- Un script lance le navigateur en mode sans interface.
- Il ouvre une page, définit la taille de la fenêtre d'affichage et charge une URL.
- Il attend un événement, comme l'événement load ou l'absence d'activité réseau.
- Il exécute des actions, comme des clics ou des défilements, puis demande une capture d'écran ou un PDF.
- Il ferme la page ou le navigateur.
Où les navigateurs sans interface sont utilisés
- Tests automatisés qui vérifient des pages et des parcours.
- Captures planifiées pour la surveillance et l'archivage.
- Génération de PDF et d'images d'aperçu social à partir de HTML.
- Collecte de données publiques depuis des pages dont le rendu nécessite JavaScript.
Capture sans interface ou avec fenêtre
| Sans interface | Avec fenêtre visible | |
|---|---|---|
| Écran nécessaire | Non | Oui |
| Vitesse pour les lots | En général plus rapide | Plus lente |
| Débogage | Plus difficile, rien à observer | Plus facile |
| Détection par les sites | Plus probable | Moins probable |
Certains sites détectent les navigateurs sans interface et leur servent un contenu différent ou les bloquent. Les polices et les fonctions GPU peuvent aussi différer d'un navigateur de bureau, si bien qu'une même page peut s'afficher légèrement différemment.
Erreurs courantes
- Capturer à l'événement load sur des pages qui continuent de charger du contenu.
- Oublier de définir la fenêtre d'affichage, si bien que chaque capture utilise une taille par défaut.
- Lancer de nombreux navigateurs en même temps sur une petite machine.
- Polices manquantes sur les serveurs, ce qui modifie la mise en page du texte.
Vous refaites les mêmes captures encore et encore ?
Website Capture de Temposhot charge les URL dans des navigateurs locaux gérés sur votre Mac, sans code, avec de 1 à 10 Concurrent browsers. Consultez l'automatisation des captures de sites web.
Questions fréquentes
Faut-il écrire du code pour utiliser un navigateur sans interface ?
Les bibliothèques comme Puppeteer et Playwright demandent du code. Les outils de bureau et les services de capture masquent cette couche.
Une capture sans interface est-elle identique à une capture normale ?
Souvent très proche, mais les polices, le rendu GPU et le comportement des sites peuvent différer.
Sources
Ressources associées
- Automatiser les captures de sites web avec Playwright : un exemple de code.
- Automatiser les captures de sites web avec Puppeteer : un exemple de code.
- Démarrage rapide de Website Capture : l'option sans code.
Vous prenez toujours les mêmes captures d'écran ?
Temposhot capture un écran, une fenêtre ou une zone à intervalles programmés et exporte l'ensemble en PDF, en images, en ZIP ou en MP4. Les outils gratuits du navigateur ne permettent de traiter qu'une image à la fois.
Ressources associées
Termes associés
- PuppeteerCe qu'est Puppeteer, comment il réalise des captures d'écran et sa comparaison avec Playwright pour l'automatisation du navigateur.
- PlaywrightCe qu'est Playwright, comment il réalise des captures d'écran multinavigateurs et comment il se compare à Puppeteer pour l'automatisation.
- Capture par lotCe qu'est une capture par lot, en quoi elle diffère d'une capture unique et où les équipes l'utilisent.
- API de capture d'écranCe qu'est une API de capture d'écran, son fonctionnement et les cas où l'utiliser pour des captures programmées.
- Test de régression visuelleCe qu'est le test de régression visuelle, comment la comparaison de captures détecte les bogues d'interface et les pièges courants.
- Robot d'exploration webFonctionnement des robots d'exploration web, différence entre exploration et scraping, et leur usage avec les outils de capture d'écran.
- Scraping webCe qu'est le scraping web, son lien avec la capture d'écran, et les considérations juridiques et éthiques.