{"id":46662,"date":"2026-03-03T14:45:01","date_gmt":"2026-03-03T14:45:01","guid":{"rendered":"\/fr\/tutoriels\/?p=46662"},"modified":"2026-04-27T10:16:30","modified_gmt":"2026-04-27T10:16:30","slug":"comment-utiliser-extension-de-navigateur-openclaw","status":"publish","type":"post","link":"\/fr\/tutoriels\/comment-utiliser-extension-de-navigateur-openclaw","title":{"rendered":"Comment utiliser l&rsquo;extension de navigateur OpenClaw pour l&rsquo;automatisation web"},"content":{"rendered":"<p>OpenClaw est une plateforme d&rsquo;agent IA open source qui peut se connecter &agrave; vos applications de messagerie, ex&eacute;cuter des t&acirc;ches sur votre serveur et automatiser les flux de travail entre les outils que vous utilisez d&eacute;j&agrave;.<\/p><p>L&rsquo;extension de navigateur OpenClaw int&egrave;gre l&rsquo;agent directement dans votre navigateur. Elle vous permet d&rsquo;automatiser des t&acirc;ches courantes telles que remplir des formulaires, extraire des pages, prendre des captures d&rsquo;&eacute;cran et naviguer sur des sites sans aucun codage.<\/p><p>Pour utiliser l&rsquo;extension de navigateur OpenClaw, vous aurez besoin :<\/p><ol class=\"wp-block-list\">\n<li>Une instance OpenClaw en cours d&rsquo;ex&eacute;cution.<\/li>\n\n\n\n<li>L&rsquo;extension install&eacute;e sur un navigateur bas&eacute; sur Chromium.<\/li>\n\n\n\n<li>Une connexion entre les deux.<\/li>\n<\/ol><p>La configuration de l&rsquo;extension se fait en trois &eacute;tapes : OpenClaw fonctionnant sur un VPS, un h&ocirc;te de n&oelig;ud pour relayer les instructions et l&rsquo;extension Chrome pour les ex&eacute;cuter dans l&rsquo;onglet de votre navigateur.<\/p><p>Une fois connect&eacute;, vous pouvez contr&ocirc;ler le navigateur &agrave; l&rsquo;aide d&rsquo;instructions r&eacute;dig&eacute;es dans votre langage quotidien.<\/p><p>Cette automatisation du navigateur &eacute;limine les t&acirc;ches r&eacute;p&eacute;titives qui vous font perdre du temps. Au lieu de remplir les m&ecirc;mes formulaires, de copier des donn&eacute;es ou de cliquer sur plusieurs &eacute;tapes, vous d&eacute;crivez la t&acirc;che une seule fois et laissez l&rsquo;agent s&rsquo;en charger.<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-installer-et-configurer-lextension-de-navigateur-openclaw\"><strong>Comment installer et configurer l&rsquo;extension de navigateur OpenClaw<\/strong><\/h2><p>Si vous n&rsquo;avez pas d&rsquo;instance OpenClaw en cours d&rsquo;ex&eacute;cution, vous pouvez la configurer sur votre ordinateur local ou sur un VPS.<\/p><p>Pour vous montrer les &eacute;tapes &agrave; suivre, nous allons la configurer sur un VPS &agrave; l&rsquo;aide de l&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/vps\/openclaw-hosting\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.com\/fr\/vps\/openclaw-hosting\">h&eacute;bergement OpenClaw<\/a> de Hostinger, o&ugrave; vous pouvez vous inscrire et obtenir tout ce qui est pr&eacute;configur&eacute; pour le d&eacute;ploiement en un seul clic.<\/p><p>Avec la m&eacute;thode d&rsquo;installation en un clic, il vous suffit de choisir un plan VPS OpenClaw, de finaliser le paiement et de saisir votre num&eacute;ro WhatsApp dans le champ pr&eacute;vu &agrave; cet effet.<\/p><p>Copiez le <strong>jeton de passerelle OpenClaw <\/strong>affich&eacute; &agrave; c&ocirc;t&eacute;, car vous en aurez besoin pour vous connecter.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f3bb5a2e35c\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"656\" height=\"487\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/03\/w656fitscale-down-1.avif\" alt=\"Page de configuration OpenClaw en un clic sur Hostinger\" class=\"wp-image-46682\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>&Agrave; partir de l&agrave;, cliquez sur <strong>D&eacute;ployer <\/strong>et attendez que l&rsquo;installation se termine. Cela prend g&eacute;n&eacute;ralement quelques minutes.<\/p><p>Une fois l&rsquo;installation termin&eacute;e, vous verrez votre instance OpenClaw avec le statut <strong>Actif <\/strong>dans le tableau de bord VPS. Cliquez sur <strong>Ouvrir <\/strong>pour acc&eacute;der &agrave; la page de connexion OpenClaw, collez le jeton que vous avez conserv&eacute; pr&eacute;c&eacute;demment et vous serez dans le tableau de bord.<\/p><div class=\"wp-block-image\">\n<figure data-wp-context='{\"imageId\":\"69f3bb5a2efe1\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"434\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-content\/uploads\/sites\/46\/2026\/03\/w1024fitscale-down-13.avif\" alt=\"Le projet OpenClaw dans le tableau de bord VPS Hostinger\" class=\"wp-image-46683\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Agrandir\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Pour mettre votre instance OpenClaw &agrave; jour, cliquez sur les trois points, puis s&eacute;lectionnez <strong>Mettre &agrave; jour<\/strong>. Cette option vous permet d&rsquo;installer la derni&egrave;re version stable sans avoir &agrave; reconfigurer votre installation.<\/p><p>Si vous souhaitez essayer une autre m&eacute;thode pour <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-configurer-openclaw\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-configurer-openclaw\">configurer OpenClaw<\/a> sur un VPS, vous pouvez suivre notre guide &eacute;tape par &eacute;tape.<\/p><p>L&rsquo;extension de navigateur OpenClaw ne prend en charge que les navigateurs bas&eacute;s sur Chromium, c&rsquo;est pourquoi ce guide utilise Google Chrome.<\/p><p>Comme OpenClaw fonctionne sur le VPS, Chrome doit &ecirc;tre ex&eacute;cut&eacute; sur un ordinateur local distinct. Nous allons donc <strong>installer un programme h&ocirc;te de n&oelig;ud <\/strong>sur l&rsquo;ordinateur o&ugrave; Chrome est ex&eacute;cut&eacute;. L&rsquo;h&ocirc;te de n&oelig;ud agit comme un relais, permettant &agrave; la passerelle VPS d&rsquo;envoyer des instructions du navigateur &agrave; votre ordinateur local.<\/p><p>Suivez les &eacute;tapes ci-dessous pour les connecter <strong>via Tailscale <\/strong>afin de conserver l&rsquo;&eacute;change de donn&eacute;es sur un r&eacute;seau priv&eacute; et de minimiser le risque d&rsquo;exposition.<\/p><h3 class=\"wp-block-heading\"><strong>&Eacute;tape 1 : Configurer Tailscale sur votre VPS et votre appareil local<\/strong><\/h3><p>Avant de connecter votre VPS et votre appareil local, vous devez ex&eacute;cuter Tailscale sur les deux machines.<\/p><ol start=\"1\" class=\"wp-block-list\">\n<li>Ex&eacute;cutez cette commande pour installer Tailscale sur votre <strong>VPS <\/strong>:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">curl -fsSL https:\/\/tailscale.com\/install.sh | sh\n\nsudo tailscale up<\/pre><ol start=\"2\" class=\"wp-block-list\">\n<li>Installez Tailscale sur l&rsquo;appareil sur lequel vous souhaitez ex&eacute;cuter Chrome. Vous pouvez t&eacute;l&eacute;charger le package d&rsquo;installation depuis le <a href=\"https:\/\/tailscale.com\/download\" target=\"_blank\" rel=\"noopener\">site officiel de Tailscale<\/a>.<\/li>\n\n\n\n<li>Connectez-vous avec le <strong>m&ecirc;me compte Tailscale <\/strong>que celui utilis&eacute; pour le VPS.<\/li>\n\n\n\n<li>V&eacute;rifiez que votre VPS et votre appareil sont tous deux d&eacute;tect&eacute;s comme des machines connect&eacute;es dans votre panneau d&rsquo;administration Tailscale.<\/li>\n\n\n\n<li>Notez l&rsquo;adresse IP Tailscale du VPS (qui commence par<strong> 100.x.x.x<\/strong>), car vous en aurez besoin plus tard.<\/li>\n\n\n\n<li>Configurez la passerelle de votre VPS pour qu&rsquo;elle &eacute;coute le r&eacute;seau Tailscale en entrant cette commande :<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw config set gateway.bind tailnet\n\nopenclaw gateway restart<\/pre><p>Pour poursuivre l&rsquo;installation de l&rsquo;h&ocirc;te du n&oelig;ud, vous aurez besoin de votre <strong>jeton OpenClaw Gateway<\/strong>, que vous avez obtenu apr&egrave;s la configuration. Si vous l&rsquo;avez perdu, vous pouvez le retrouver en naviguant vers <strong>Config <\/strong>&rarr; <strong>Gateway <\/strong>dans votre tableau de bord OpenClaw. Vous pouvez &eacute;galement ex&eacute;cuter cette commande sur votre VPS :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw config get gateway.auth.token<\/pre><h3 class=\"wp-block-heading\"><strong>&Eacute;tape 2 : Installer l&rsquo;h&ocirc;te de n&oelig;ud sur votre appareil local<\/strong><\/h3><p>L&rsquo;h&ocirc;te de n&oelig;ud permet &agrave; la passerelle VPS d&rsquo;envoyer des instructions au navigateur Chrome local. Voici ce dont vous avez besoin pour l&rsquo;installer :<\/p><ol class=\"wp-block-list\">\n<li>Installez OpenClaw sur votre machine locale en entrant cette commande <strong>dans le terminal de votre appareil <\/strong>:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">npm install -g openclaw@latest<\/pre><ol start=\"2\" class=\"wp-block-list\">\n<li>D&eacute;finissez le jeton Gateway comme variable d&rsquo;environnement. N&rsquo;oubliez pas de <strong>remplacer le param&egrave;tre fictif par votre jeton r&eacute;el <\/strong>lorsque vous ex&eacute;cutez cette commande :<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">export OPENCLAW_GATEWAY_TOKEN=\"&lt;ins&eacute;rez-votre-jeton-passerelle&gt;\"<\/pre><ol start=\"3\" class=\"wp-block-list\">\n<li>Entrez la commande ci-dessous pour d&eacute;marrer l&rsquo;h&ocirc;te du n&oelig;ud et le connecter &agrave; votre VPS. Veillez &agrave; remplacer l&rsquo;espace r&eacute;serv&eacute; par l&rsquo;<strong>adresse IP Tailscale de votre<\/strong> <strong>VPS <\/strong>:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw node run --host &lt;votre-ip-tailscale-vps&gt; --port 18789 --display-name \"My Local Chrome\"<\/pre><ol start=\"4\" class=\"wp-block-list\">\n<li>Ex&eacute;cutez les commandes ci-dessous <strong>sur votre VPS <\/strong>pour approuver la connexion du n&oelig;ud. L&rsquo;ID de la demande appara&icirc;tra dans la commande <strong>pending<\/strong>.<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw nodes pending\n\nopenclaw nodes approve &lt;requestId&gt;<\/pre><h3 class=\"wp-block-heading\"><strong>&Eacute;tape 3 : Installer l&rsquo;extension Chrome sur votre machine locale<\/strong><\/h3><p>Une fois l&rsquo;h&ocirc;te du n&oelig;ud en cours d&rsquo;ex&eacute;cution, vous pouvez d&eacute;sormais configurer l&rsquo;extension Chrome sur votre appareil local. Ce composant permet &agrave; l&rsquo;agent de contr&ocirc;ler directement les onglets de votre navigateur.<\/p><p>L&rsquo;extension de navigateur OpenClaw n&rsquo;est pas disponible sur le Chrome Web Store. Elle est incluse dans le package npm OpenClaw sous forme de fichiers locaux. Suivez les &eacute;tapes ci-dessous pour l&rsquo;installer manuellement &agrave; partir de ces fichiers&nbsp;:<\/p><ol class=\"wp-block-list\">\n<li>Installez les fichiers de l&rsquo;extension de navigateur OpenClaw <strong>sur le terminal de votre appareil <\/strong>&agrave; l&rsquo;aide de cette commande :<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser extension install<\/pre><ol start=\"2\" class=\"wp-block-list\">\n<li>Notez le chemin d&rsquo;installation affich&eacute; par la commande :<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser extension path<\/pre><ol start=\"3\" class=\"wp-block-list\">\n<li>Ouvrez Chrome et entrez <strong>chrome:\/\/extensions<\/strong>.<\/li>\n\n\n\n<li>Activez le <strong>mode d&eacute;veloppeur <\/strong>en basculant le bouton situ&eacute; dans le coin sup&eacute;rieur droit.&nbsp;<\/li>\n\n\n\n<li>Cliquez sur <strong><strong>Load unpacked<\/strong><\/strong>, puis s&eacute;lectionnez les fichiers d&rsquo;extension que vous avez trouv&eacute;s &agrave; l&rsquo;&eacute;tape 2.<\/li>\n\n\n\n<li>&Eacute;pinglez l&rsquo;extension &agrave; votre barre d&rsquo;outils Chrome.<\/li>\n<\/ol><h3 class=\"wp-block-heading\"><strong>&Eacute;tape 4 : Ex&eacute;cuter l&rsquo;automatisation du navigateur<\/strong><\/h3><p>&Agrave; ce stade, votre passerelle VPS, votre h&ocirc;te de n&oelig;ud et votre extension Chrome devraient communiquer correctement. Voici comment commencer &agrave; contr&ocirc;ler un onglet de navigateur :<\/p><ol class=\"wp-block-list\">\n<li>Ouvrez l&rsquo;onglet Chrome que vous souhaitez contr&ocirc;ler avec OpenClaw.<\/li>\n\n\n\n<li>Cliquez sur l&rsquo;ic&ocirc;ne de l&rsquo;extension OpenClaw. Le badge doit indiquer <strong>ON<\/strong>.<\/li>\n\n\n\n<li>Sur votre VPS, ex&eacute;cutez cette commande pour utiliser le profil du navigateur <strong>Chrome <\/strong>:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser --browser-profile chrome tabs<\/pre><p>La passerelle VPS achemine les actions du navigateur via l&rsquo;h&ocirc;te de n&oelig;ud sur votre machine locale. &Agrave; partir de l&agrave;, l&rsquo;extension Chrome les ex&eacute;cute dans l&rsquo;onglet actif.<\/p><p>Une fois cela fait, vous pouvez saisir des instructions en langage naturel via n&rsquo;importe quelle interface connect&eacute;e &agrave; OpenClaw, qu&rsquo;il s&rsquo;agisse du tableau de bord WebChat ou d&rsquo;une application de messagerie comme Telegram ou WhatsApp. L&rsquo;action que vous souhaitez effectuer sera automatiquement ex&eacute;cut&eacute;e dans l&rsquo;onglet du navigateur.<\/p><h2 class=\"wp-block-heading\" id=\"h-automatiser-les-formulaires-et-les-interactions-ui-avec-openclaw\"><strong>Automatiser les formulaires et les interactions UI avec OpenClaw<\/strong><\/h2><p>L&rsquo;automatisation des formulaires est l&rsquo;une des raisons les plus courantes pour lesquelles les utilisateurs ont recours &agrave; l&rsquo;automatisation du navigateur, et OpenClaw la rend automatique. Voici le flux de travail habituel :<\/p><ol class=\"wp-block-list\">\n<li><strong>Acc&eacute;dez &agrave; la page. <\/strong>Demandez &agrave; l&rsquo;agent IA d&rsquo;ouvrir l&rsquo;URL o&ugrave; se trouve le formulaire, ou ajoutez l&rsquo;extension &agrave; un onglet qui se trouve d&eacute;j&agrave; sur la bonne page.<\/li>\n\n\n\n<li><strong>Prenez un snapshot. <\/strong>L&rsquo;agent ex&eacute;cute un snapshot pour identifier tous les &eacute;l&eacute;ments interactifs de la page et attribue un num&eacute;ro de r&eacute;f&eacute;rence &agrave; chacun d&rsquo;entre eux.<\/li>\n\n\n\n<li><strong>D&eacute;crivez ce qu&rsquo;il faut remplir. <\/strong>Donnez &agrave; l&rsquo;agent des instructions en langage naturel telles que &laquo; Entrez &laquo; John Doe &raquo; dans le champ nom, s&eacute;lectionnez &laquo; &Eacute;tats-Unis &raquo; dans le menu d&eacute;roulant pays et cochez la case &laquo; J&rsquo;accepte les conditions &raquo;. L&rsquo;agent fait correspondre vos instructions aux r&eacute;f&eacute;rences du snapshot et ex&eacute;cute chaque action.<\/li>\n\n\n\n<li><strong>Soumettez et v&eacute;rifiez. <\/strong>Demandez &agrave; l&rsquo;agent de cliquer sur le bouton &laquo; Soumettre &raquo;. Il peut ensuite prendre une capture d&rsquo;&eacute;cran ou lire la page de confirmation pour v&eacute;rifier que la soumission a bien &eacute;t&eacute; effectu&eacute;e.<\/li>\n<\/ol><p>Soyez pr&eacute;cis lorsque vous r&eacute;digez vos instructions. Plus vous fournissez de d&eacute;tails, moins l&rsquo;agent aura besoin de r&eacute;essayer.<\/p><h2 class=\"wp-block-heading\" id=\"h-automatiser-le-web-scraping-avec-lextension-de-navigateur-openclaw\"><strong>Automatiser le web scraping avec l&rsquo;extension de navigateur OpenClaw<\/strong><\/h2><p>Le web scraping avec OpenClaw suit un mod&egrave;le similaire au remplissage de formulaires, mais se concentre sur la lecture plut&ocirc;t que sur l&rsquo;&eacute;criture. L&rsquo;agent navigue vers une page, prend un snapshot pour comprendre la structure, puis extrait les donn&eacute;es que vous demandez.<\/p><p>Voici comment configurer un workflow de scraping de base :<\/p><ol class=\"wp-block-list\">\n<li><strong>Dirigez l&rsquo;agent vers la page cible. <\/strong>Donnez-lui une URL sp&eacute;cifique plut&ocirc;t que de lui demander d&rsquo;effectuer une recherche. Par exemple, &laquo; Allez sur example.com\/products et extrayez tous les noms et prix des produits &raquo;.<\/li>\n\n\n\n<li><strong>Laissez l&rsquo;agent prendre un snapshot de la page. <\/strong>Le snapshot fournit &agrave; l&rsquo;agent une carte des &eacute;l&eacute;ments interactifs et du contenu de la page, y compris les tableaux, les listes et les blocs de texte.<\/li>\n\n\n\n<li><strong>Sp&eacute;cifiez ce qu&rsquo;il faut extraire. <\/strong>Soyez explicite quant &agrave; la structure des donn&eacute;es que vous souhaitez. Au lieu de &laquo; r&eacute;cup&eacute;rer les informations sur les prix &raquo;, essayez &laquo; Extraire le nom du produit, le prix mensuel et le prix annuel de chaque ligne du tableau comparatif &raquo;.<\/li>\n\n\n\n<li><strong>G&eacute;rez la pagination. <\/strong>Si les donn&eacute;es s&rsquo;&eacute;tendent sur plusieurs pages, demandez &agrave; l&rsquo;agent de cliquer sur le bouton &laquo; Suivant &raquo; et de r&eacute;p&eacute;ter l&rsquo;extraction. L&rsquo;agent prend un nouvel snapshot apr&egrave;s chaque chargement de page pour rester orient&eacute;.<\/li>\n<\/ol><p>Certains sites web chargent le contenu de mani&egrave;re asynchrone &agrave; l&rsquo;aide d&rsquo;AJAX ou de frameworks d&rsquo;applications &agrave; page unique.<\/p><p>OpenClaw g&egrave;re cela &agrave; l&rsquo;aide de son syst&egrave;me d&rsquo;attente. Il peut attendre que les &eacute;l&eacute;ments apparaissent, que les requ&ecirc;tes r&eacute;seau soient termin&eacute;es ou que les conditions JavaScript personnalis&eacute;es soient &eacute;valu&eacute;es comme vraies.<\/p><p>Cela signifie que vous n&rsquo;&ecirc;tes pas oblig&eacute; de r&eacute;cup&eacute;rer des pages partiellement rendues. L&rsquo;agent attend que le contenu soit r&eacute;ellement pr&eacute;sent avant de l&rsquo;extraire.<\/p><p>Pour obtenir une sortie structur&eacute;e, vous pouvez demander &agrave; l&rsquo;agent de formater les donn&eacute;es extraites sous forme de tableau, d&rsquo;objet JSON ou de fichier CSV. Si vous effectuez le scraping &agrave; partir d&rsquo;une cha&icirc;ne de comp&eacute;tences ou d&rsquo;automatisation, la sortie peut &ecirc;tre directement int&eacute;gr&eacute;e &agrave; l&rsquo;&eacute;tape suivante, par exemple, le scraping des prix des produits, puis la g&eacute;n&eacute;ration d&rsquo;un rapport comparatif.<\/p><h2 class=\"wp-block-heading\" id=\"h-principales-fonctionnalites-de-lextension-de-navigateur-openclaw\"><strong>Principales fonctionnalit&eacute;s de l&rsquo;extension de navigateur OpenClaw<\/strong><\/h2><p>L&rsquo;extension de navigateur OpenClaw sert de pont entre l&rsquo;agent IA OpenClaw et votre navigateur.<\/p><p>Elle utilise le protocole Chrome DevTools (CDP) pour interagir directement avec les onglets. Cela lui donne un acc&egrave;s natif &agrave; vos onglets, ce qui se traduit par une ex&eacute;cution plus rapide et une utilisation moindre des ressources par rapport aux outils qui lancent une instance de navigateur distincte.<\/p><p>Voici les principales fonctionnalit&eacute;s de l&rsquo;extension Chrome OpenClaw :<\/p><ul class=\"wp-block-list\">\n<li><strong>Contr&ocirc;le du navigateur. <\/strong>OpenClaw peut naviguer vers des URL, cliquer sur des &eacute;l&eacute;ments, saisir du texte dans des champs, s&eacute;lectionner des options dans des menus d&eacute;roulants, faire d&eacute;filer des pages et passer d&rsquo;un onglet &agrave; l&rsquo;autre. Comme il se connecte &agrave; votre session de navigation r&eacute;elle, il a acc&egrave;s &agrave; vos identifiants de connexion existants, vous n&rsquo;avez donc pas besoin de vous r&eacute;authentifier &agrave; chaque ex&eacute;cution de l&rsquo;automatisation.<\/li>\n\n\n\n<li><strong>Snapshots intelligents. <\/strong>Le syst&egrave;me de snapshots analyse la page actuelle et attribue des num&eacute;ros de r&eacute;f&eacute;rence &agrave; chaque &eacute;l&eacute;ment interactif. L&rsquo;agent utilise ces r&eacute;f&eacute;rences pour d&eacute;cider sur quels liens ou interactions cliquer ou interagir. Ex&eacute;cutez le<strong> snapshot du navigateur OpenClaw <\/strong>pour le voir en action, ou utilisez <strong>&ndash;interactive <\/strong>pour obtenir un snapshot bas&eacute; sur les r&ocirc;les qui met en &eacute;vidence les &eacute;l&eacute;ments exploitables.<\/li>\n\n\n\n<li><strong>Automatisation des formulaires. <\/strong>L&rsquo;agent peut remplir des formulaires dans leur int&eacute;gralit&eacute;, y compris les champs de texte, les cases &agrave; cocher, les boutons radio, les menus d&eacute;roulants et les t&eacute;l&eacute;chargements de fichiers. D&eacute;crivez les donn&eacute;es que vous souhaitez saisir, et l&rsquo;agent traite chaque champ dans l&rsquo;ordre.<\/li>\n\n\n\n<li><strong>Extraction de donn&eacute;es et scraping web. <\/strong>OpenClaw peut lire le contenu des pages, extraire des donn&eacute;es structur&eacute;es &agrave; partir de tableaux, extraire du texte &agrave; partir d&rsquo;&eacute;l&eacute;ments sp&eacute;cifiques et g&eacute;rer du contenu charg&eacute; dynamiquement. Il attend que les requ&ecirc;tes AJAX soient termin&eacute;es avant de proc&eacute;der au scraping, afin que vous obteniez la page compl&egrave;te.<\/li>\n\n\n\n<li><strong>Captures d&rsquo;&eacute;cran et enregistrements visuels. <\/strong>L&rsquo;agent peut capturer des captures d&rsquo;&eacute;cran de pages enti&egrave;res ou cibler des &eacute;l&eacute;ments sp&eacute;cifiques. Cela est utile pour la conservation des enregistrements, la surveillance des changements visuels sur une page ou le d&eacute;bogage lorsqu&rsquo;une automatisation ne se d&eacute;roule pas comme pr&eacute;vu.<\/li>\n<\/ul><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"> Conseil de pro <\/h4>\n                    <p>Ces fonctionnalit&eacute;s sont encore plus efficaces lorsqu'elles sont combin&eacute;es. Par exemple, vous pouvez prendre un snapshot d'une page, extraire un tableau de prix, remplir un formulaire d'analyse concurrentielle avec les r&eacute;sultats, puis faire une capture d'&eacute;cran du r&eacute;sultat final, le tout en une seule automatisation.<\/p><p>Pour d&eacute;couvrir d'autres fa&ccedil;ons de combiner ces fonctionnalit&eacute;s, consultez notre guide sur les <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/cas-utilisation-openclaw\">cas d'usage courants d'OpenClaw<\/a>. <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-fonctionnalites-avancees-de-lextension-de-navigateur-openclaw\"><strong>Fonctionnalit&eacute;s avanc&eacute;es de l&rsquo;extension de navigateur OpenClaw<\/strong><\/h2><p>Les fonctionnalit&eacute;s pr&eacute;sent&eacute;es jusqu&rsquo;&agrave; pr&eacute;sent r&eacute;pondent &agrave; la plupart des besoins quotidiens d&rsquo;automatisation. Mais OpenClaw va plus loin.<\/p><p>En coulisses, il est con&ccedil;u pour fonctionner avec des mod&egrave;les d&rsquo;IA et se connecter &agrave; des services externes, ce qui ouvre des possibilit&eacute;s d&rsquo;automatisation que les navigateurs classiques ne peuvent tout simplement pas &eacute;galer.<\/p><h3 class=\"wp-block-heading\"><strong>Int&eacute;gration de l&rsquo;IA et du machine learning<\/strong><\/h3><p>Ce qui distingue OpenClaw des outils d&rsquo;automatisation traditionnels, c&rsquo;est la couche d&rsquo;IA qui se trouve au-dessus du contr&ocirc;le du navigateur.<\/p><p>L&rsquo;agent est aliment&eacute; par de grands mod&egrave;les linguistiques tels que Claude ou GPT, ce qui signifie qu&rsquo;il interpr&egrave;te le contenu des pages, s&rsquo;adapte aux changements de mise en page et prend des d&eacute;cisions contextuelles sur la marche &agrave; suivre.<\/p><p>En pratique, cela signifie que l&rsquo;agent peut g&eacute;rer des t&acirc;ches qui interrompraient un script classique d&egrave;s qu&rsquo;un site web met &agrave; jour son design.<\/p><p>Si le libell&eacute; d&rsquo;un bouton passe de &laquo; Soumettre &raquo; &agrave; &laquo; Envoyer le formulaire &raquo; ou si un champ de formulaire effectue un transfert de la colonne de gauche &agrave; celle de droite, l&rsquo;IA reconna&icirc;t l&rsquo;intention derri&egrave;re l&rsquo;&eacute;l&eacute;ment et continue &agrave; fonctionner.<\/p><p>Vous d&eacute;crivez ce que vous voulez faire en langage naturel, et le mod&egrave;le d&eacute;termine le chemin d&rsquo;ex&eacute;cution.<\/p><h3 class=\"wp-block-heading\"><strong>Int&eacute;gration avec des services externes<\/strong><\/h3><p>L&rsquo;extension de navigateur OpenClaw fait partie de l&rsquo;&eacute;cosyst&egrave;me plus large de la passerelle OpenClaw, elle peut donc &ecirc;tre combin&eacute;e avec d&rsquo;autres canaux et outils.<\/p><p>Par exemple, une automatisation de navigateur qui extrait des donn&eacute;es sur les prix peut envoyer les r&eacute;sultats vers un canal Slack, d&eacute;clencher une notification WhatsApp ou alimenter une feuille Google Sheet via les autres int&eacute;grations de l&rsquo;agent.<\/p><p>OpenClaw utilise une architecture bas&eacute;e sur les comp&eacute;tences, ce qui vous permet de cr&eacute;er des composants d&rsquo;automatisation modulaires et de les encha&icirc;ner.<\/p><p>Une comp&eacute;tence &laquo; r&eacute;cup&eacute;rer les prix des concurrents &raquo; peut alimenter une comp&eacute;tence &laquo; analyser les tendances des prix &raquo;, qui d&eacute;clenche ensuite une comp&eacute;tence &laquo; envoyer un rapport hebdomadaire &raquo;. Chaque comp&eacute;tence est r&eacute;utilisable dans diff&eacute;rents flux de travail, vous pouvez donc la cr&eacute;er une seule fois et la d&eacute;ployer plusieurs fois.<\/p><h2 class=\"wp-block-heading\" id=\"h-pourquoi-lextension-de-navigateur-openclaw-est-ideale-pour-lautomatisation\"><strong>Pourquoi l&rsquo;extension de navigateur OpenClaw est id&eacute;ale pour l&rsquo;automatisation<\/strong><\/h2><p>OpenClaw est id&eacute;al pour l&rsquo;automatisation, car il vous permet de <strong>contr&ocirc;ler les t&acirc;ches du navigateur &agrave; l&rsquo;aide d&rsquo;un langage naturel<\/strong>, sans avoir &agrave; &eacute;crire ou &agrave; maintenir du code.<\/p><p>La plupart des outils d&rsquo;automatisation de navigateur traditionnels, tels que Selenium, Puppeteer et Playwright, sont con&ccedil;us pour les d&eacute;veloppeurs. Ils reposent sur des scripts cod&eacute;s en dur, des processus de configuration rigides et une infrastructure d&eacute;di&eacute;e, m&ecirc;me pour des t&acirc;ches simples comme l&rsquo;envoi d&rsquo;un formulaire. Lorsqu&rsquo;un site web modifie sa mise en page ou ses libell&eacute;s, ces scripts cessent souvent de fonctionner et n&eacute;cessitent des corrections manuelles.<\/p><p>Avec OpenClaw, vous avez deux fa&ccedil;ons de contr&ocirc;ler un navigateur. Le mode relais via extension se connecte &agrave; vos sessions Chrome existantes via un h&ocirc;te Node local, ce qui permet &agrave; l&rsquo;agent d&rsquo;utiliser directement vos sessions connect&eacute;es.<\/p><p>Le navigateur g&eacute;r&eacute;, lui, lance une instance Chrome isol&eacute;e sur votre VPS, sans n&eacute;cessiter d&rsquo;extension ni d&rsquo;appareil local. Dans les deux cas, vous g&eacute;rez vos automatisations en langage naturel, avec une adaptation continue aux changements d&rsquo;interface gr&acirc;ce &agrave; l&rsquo;IA.<\/p><p>Comme l&rsquo;automatisation est pilot&eacute;e par une couche d&rsquo;IA plut&ocirc;t que par des s&eacute;lecteurs fixes, OpenClaw s&rsquo;adapte aux changements de structure ou d&rsquo;&eacute;tiquettes des pages. Un bouton renomm&eacute; de &laquo; Soumettre &raquo; &agrave; &laquo; Envoyer &raquo; ou un champ de formulaire d&eacute;plac&eacute; vers une autre section n&rsquo;interrompt pas le flux de travail. L&rsquo;agent interpr&egrave;te l&rsquo;intention et poursuit la t&acirc;che.<\/p><p>Si vos besoins d&rsquo;automatisation changent fr&eacute;quemment ou si vous souhaitez &eacute;viter de maintenir des scripts fragiles, OpenClaw offre une alternative flexible et r&eacute;siliente &agrave; l&rsquo;automatisation traditionnelle des navigateurs.<\/p><h2 class=\"wp-block-heading\" id=\"h-comment-utiliser-openclaw-sans-lextension-chrome\"><strong>Comment utiliser OpenClaw sans l&rsquo;extension Chrome<\/strong><\/h2><p>La configuration avec relais via extension n&eacute;cessite une machine locale, un h&ocirc;te Node et Tailscale. OpenClaw propose aussi une alternative plus simple : le navigateur g&eacute;r&eacute;.<\/p><p>Ce navigateur lance une instance Chrome d&eacute;di&eacute;e et isol&eacute;e directement sur votre VPS. Il dispose de son propre environnement et fonctionne ind&eacute;pendamment de votre navigateur personnel.<\/p><p><strong>D&eacute;marrer le navigateur g&eacute;r&eacute; :<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser --browser-profile openclaw start<\/pre><p><strong>V&eacute;rifier son &eacute;tat :<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser --browser-profile openclaw status<\/pre><p><strong>Ouvrir une page :<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser --browser-profile openclaw open https:\/\/domain.tld<\/pre><p><strong>Prendre un snapshot :<\/strong><\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">openclaw browser --browser-profile openclaw snapshot<\/pre><p>Une fois lanc&eacute;, vous pouvez donner des instructions en langage naturel, comme avec le mode relais. Les fonctionnalit&eacute;s sont les m&ecirc;mes : cliquer, saisir du texte, remplir des formulaires, faire des captures d&rsquo;&eacute;cran ou extraire des donn&eacute;es.<\/p><p>La principale diff&eacute;rence est que le navigateur g&eacute;r&eacute; fonctionne dans un environnement vierge, sans sessions d&eacute;j&agrave; connect&eacute;es. C&rsquo;est l&rsquo;option id&eacute;ale pour le scraping, les t&acirc;ches en arri&egrave;re-plan ou les automatisations qui ne n&eacute;cessitent pas d&rsquo;acc&egrave;s &agrave; vos comptes existants.<\/p><h2 class=\"wp-block-heading\" id=\"h-bonnes-pratiques-pour-lautomatisation-navigateur-avec-openclaw\"><strong>Bonnes pratiques pour l&rsquo;automatisation navigateur avec OpenClaw<\/strong><\/h2><p>Il est facile d&rsquo;utiliser OpenClaw pour automatiser les t&acirc;ches du navigateur, mais pour le faire de mani&egrave;re efficace et s&ucirc;re, il faut prendre des pr&eacute;cautions suppl&eacute;mentaires. En plus de mettre en &oelig;uvre les <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleures-pratiques-openclaw\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleures-pratiques-openclaw\">meilleures pratiques g&eacute;n&eacute;rales d&rsquo;OpenClaw<\/a>, proc&eacute;dez comme suit pour d&eacute;ployer une automatisation s&ucirc;re du navigateur :<\/p><h3 class=\"wp-block-heading\"><strong>Utiliser un profil de navigateur d&eacute;di&eacute;<\/strong><\/h3><p>L&rsquo;extension de navigateur OpenClaw utilise l&rsquo;API de d&eacute;bogage de Chrome. Lorsqu&rsquo;elle est associ&eacute;e &agrave; un onglet, le mod&egrave;le IA peut cliquer, taper, naviguer, lire le contenu de la page et acc&eacute;der &agrave; tout ce &agrave; quoi la session connect&eacute;e de l&rsquo;onglet peut acc&eacute;der.<\/p><p>Cela fonctionne directement dans votre environnement de navigateur r&eacute;el et n&rsquo;est pas isol&eacute; dans un bac &agrave; sable comme le profil de navigateur g&eacute;r&eacute; int&eacute;gr&eacute; &agrave; OpenClaw.<\/p><p>Si vous associez OpenClaw &agrave; votre profil de navigateur quotidien, vous donnez &agrave; l&rsquo;agent IA l&rsquo;acc&egrave;s &agrave; tous les comptes connect&eacute;s, tels que les e-mails, les services bancaires, les r&eacute;seaux sociaux et les panneaux d&rsquo;administration, et il peut effectuer toutes sortes d&rsquo;actions &agrave; votre insu.<\/p><p>Pour r&eacute;duire ce risque, cr&eacute;ez et utilisez toujours un profil Chrome d&eacute;di&eacute; sp&eacute;cifiquement &agrave; la relais de l&rsquo;extension OpenClaw. Gardez-le s&eacute;par&eacute; de votre navigation personnelle et connectez-vous uniquement aux comptes n&eacute;cessaires pour les automatisations que vous souhaitez mettre en place.<\/p><h3 class=\"wp-block-heading\"><strong>S&eacute;curiser votre passerelle et votre r&eacute;seau<\/strong><\/h3><p>L&rsquo;automatisation du navigateur consiste &agrave; accorder &agrave; un mod&egrave;le d&rsquo;IA le contr&ocirc;le direct d&rsquo;un onglet du navigateur. Traitez-la avec la m&ecirc;me prudence que l&rsquo;acc&egrave;s &agrave; distance &agrave; un ordinateur et minimisez votre exposition :<\/p><ul class=\"wp-block-list\">\n<li><strong>Conservez la passerelle et les h&ocirc;tes des n&oelig;uds sur un r&eacute;seau priv&eacute;. <\/strong>Si vous utilisez Tailscale, conservez tout sur le r&eacute;seau tailnet et fiez-vous &agrave; l&rsquo;authentification de la passerelle combin&eacute;e &agrave; l&rsquo;appairage des n&oelig;uds pour le contr&ocirc;le d&rsquo;acc&egrave;s.<\/li>\n\n\n\n<li><strong>N&rsquo;exposez pas les ports de relais au public. <\/strong>N&rsquo;utilisez jamais Tailscale Funnel, car il peut exposer les services &agrave; l&rsquo;internet public.<\/li>\n\n\n\n<li><strong>Fiez-vous aux protections int&eacute;gr&eacute;es. <\/strong>Le relais bloque les origines non li&eacute;es &agrave; une extension et n&eacute;cessite un jeton d&rsquo;authentification interne pour les clients CDP, mais ces protections ne fonctionnent correctement que lorsque la couche r&eacute;seau est &eacute;galement verrouill&eacute;e.<\/li>\n<\/ul><h3 class=\"wp-block-heading\"><strong>R&eacute;duire les actions redondantes<\/strong><\/h3><p>Chaque action du navigateur co&ucirc;te du temps et des jetons API. Pour optimiser les performances d&rsquo;OpenClaw, structurez vos t&acirc;ches de mani&egrave;re &agrave; &eacute;viter les &eacute;tapes inutiles :<\/p><ul class=\"wp-block-list\">\n<li><strong>Regroupez les t&acirc;ches connexes en une seule session. <\/strong>Au lieu d&rsquo;ouvrir et de fermer le navigateur pour chaque t&acirc;che, encha&icirc;nez les actions connexes afin que l&rsquo;agent puisse les traiter de mani&egrave;re s&eacute;quentielle sans perdre le contexte de la page.<\/li>\n\n\n\n<li><strong>Soyez pr&eacute;cis dans vos instructions. <\/strong>Des invites vagues obligent l&rsquo;agent &agrave; explorer et &agrave; r&eacute;essayer, alors donnez toujours des instructions aussi pr&eacute;cises que possible. Au lieu de &laquo; trouver les informations sur les prix &raquo;, envoyez &laquo; aller sur example.com\/pricing et extraire les prix des plans mensuels du tableau comparatif &raquo;.<\/li>\n\n\n\n<li><strong>Utilisez les snapshots de mani&egrave;re strat&eacute;gique. <\/strong>OpenClaw prend des captures d&rsquo;&eacute;cran pour comprendre le contenu des pages, mais une fr&eacute;quence excessive ralentit le processus. Laissez l&rsquo;agent d&eacute;cider quand il a besoin d&rsquo;une confirmation visuelle plut&ocirc;t que de l&rsquo;imposer apr&egrave;s chaque action.<\/li>\n<\/ul><h3 class=\"wp-block-heading\"><strong>G&eacute;rer les onglets de mani&egrave;re r&eacute;fl&eacute;chie<\/strong><\/h3><p>Fermez les onglets dont vous n&rsquo;avez plus besoin et &eacute;vitez de laisser l&rsquo;agent ouvrir plusieurs onglets en parall&egrave;le, sauf si votre t&acirc;che n&eacute;cessite une comparaison ou un recoupement. Un seul onglet cibl&eacute; produit des r&eacute;sultats plus fiables que plusieurs onglets concurrents.<\/p><h3 class=\"wp-block-heading\"><strong>D&eacute;boguer syst&eacute;matiquement<\/strong><\/h3><p>Lorsque l&rsquo;automatisation ne fonctionne pas comme pr&eacute;vu, v&eacute;rifiez les &eacute;l&eacute;ments suivants dans l&rsquo;ordre :<\/p><ul class=\"wp-block-list\">\n<li><strong>&Eacute;tat de la connexion. <\/strong>L&rsquo;extension relais est-elle connect&eacute;e ? Le badge indique-t-il &laquo; ON &raquo; ? La passerelle fonctionne-t-elle ?<\/li>\n\n\n\n<li><strong>&Eacute;tat de la page. <\/strong>La page s&rsquo;est-elle enti&egrave;rement charg&eacute;e avant que l&rsquo;agent n&rsquo;essaie d&rsquo;interagir ? Le contenu dynamique peut entra&icirc;ner des probl&egrave;mes de synchronisation.<\/li>\n\n\n\n<li><strong>Autorisations. <\/strong>L&rsquo;agent dispose-t-il du profil et des outils appropri&eacute;s ? L&rsquo;onglet se trouve-t-il sur un site qui bloque les interactions automatis&eacute;es, comme CAPTCHA ou la d&eacute;tection de bot ?<\/li>\n\n\n\n<li><strong><strong>Journaux<\/strong>. <\/strong>V&eacute;rifiez les journaux de la passerelle pour voir s&rsquo;il y a des messages d&rsquo;erreur sp&eacute;cifiques. La plupart des &eacute;checs laissent une trace claire.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-adapter-votre-automatisation-openclaw-a-des-projets-plus-importants\"><strong>Adapter votre automatisation OpenClaw &agrave; des projets plus importants<\/strong><\/h2><p>Une fois que vous avez automatis&eacute; quelques t&acirc;ches, l&rsquo;&eacute;tape suivante consiste naturellement &agrave; passer &agrave; l&rsquo;&eacute;chelle sup&eacute;rieure pour g&eacute;rer des flux de travail plus complexes, traiter des ensembles de donn&eacute;es plus volumineux ou ex&eacute;cuter des automatisations sur plusieurs sites.<\/p><p>Voici comment aborder l&rsquo;optimisation des performances &agrave; mesure que vos projets OpenClaw se d&eacute;veloppent :<\/p><ul class=\"wp-block-list\">\n<li><strong>Adaptez l&rsquo;infrastructure &agrave; la charge de travail. <\/strong>L&rsquo;automatisation des navigateurs est gourmande en ressources. Surveillez l&rsquo;utilisation du CPU\/RAM et mettez &agrave; niveau votre VPS si n&eacute;cessaire (minimum 4 Go de RAM pour tout ce qui d&eacute;passe l&rsquo;automatisation de base). Pour les charges de travail importantes, d&eacute;chargez les ex&eacute;cutions vers un VPS s&eacute;par&eacute; d&eacute;di&eacute; &agrave; cet effet.<\/li>\n\n\n\n<li><strong>Utilisez le profil de navigateur g&eacute;r&eacute; pour l&rsquo;&eacute;volutivit&eacute;. <\/strong>Passez au navigateur sans interface graphique g&eacute;r&eacute; par OpenClaw pour l&rsquo;automatisation bas&eacute;e sur serveur ou en arri&egrave;re-plan. Il est plus efficace et isole les flux de travail de vos donn&eacute;es de navigation personnelles.<\/li>\n\n\n\n<li><strong>Divisez les flux de travail en comp&eacute;tences r&eacute;utilisables. <\/strong>Divisez les automatisations de grande envergure en comp&eacute;tences modulaires plus petites, telles que scraper des donn&eacute;es &rarr; extraire des informations &rarr; g&eacute;n&eacute;rer des rapports. Cela am&eacute;liore la r&eacute;utilisation, simplifie le d&eacute;bogage et facilite la mise &agrave; l&rsquo;&eacute;chelle.<\/li>\n\n\n\n<li><strong>Contr&ocirc;lez l&rsquo;utilisation et les co&ucirc;ts de l&rsquo;API. <\/strong>D&eacute;finissez des limites de jetons, utilisez des mod&egrave;les plus l&eacute;gers pour les &eacute;tapes de routine et mettez en cache les r&eacute;sultats lorsque les pages n&rsquo;ont pas chang&eacute;. Comprendre comment les <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/couts-openclaw\" data-type=\"link\" data-id=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/couts-openclaw\">co&ucirc;ts d&rsquo;OpenClaw &eacute;voluent<\/a> vous aide &agrave; planifier &agrave; l&rsquo;avance &agrave; mesure que votre automatisation se d&eacute;veloppe.<\/li>\n\n\n\n<li><strong>Planifiez et &eacute;chelonnez les ex&eacute;cutions. <\/strong>Utilisez des t&acirc;ches cron pour espacer les automatisations. Cela permet d&rsquo;&eacute;quilibrer la charge du serveur et de r&eacute;duire le risque de limites de d&eacute;bit ou de d&eacute;tection de bots.<\/li>\n\n\n\n<li><strong>Pr&eacute;voyez les d&eacute;faillances. <\/strong>Attendez-vous &agrave; des pannes &agrave; grande &eacute;chelle. Versionnez les comp&eacute;tences et les configurations, sauvegardez r&eacute;guli&egrave;rement votre espace de travail et examinez les journaux pour d&eacute;tecter rapidement les probl&egrave;mes r&eacute;currents.<\/li>\n<\/ul><p>Avec une structure ad&eacute;quate, OpenClaw peut passer de quelques automatisations &agrave; un syst&egrave;me fiable sans devenir un fardeau en termes de maintenance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OpenClaw est une plateforme d&rsquo;agent IA open source qui peut se connecter &agrave; vos applications de messagerie, ex&eacute;cuter des t&acirc;ches sur votre serveur et automatiser les flux de travail entre les outils que vous utilisez d&eacute;j&agrave;. L&rsquo;extension de navigateur OpenClaw int&egrave;gre l&rsquo;agent directement dans votre navigateur. Elle vous permet d&rsquo;automatiser des t&acirc;ches courantes telles que [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/comment-utiliser-extension-de-navigateur-openclaw\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":355,"featured_media":46675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment utiliser l'extension de navigateur OpenClaw ?","rank_math_description":"D\u00e9couvrez comment configurer l\u2019extension OpenClaw et automatiser vos t\u00e2ches navigateur, du remplissage de formulaires au web scraping.","rank_math_focus_keyword":"Comment utiliser l'extension de navigateur OpenClaw","footnotes":""},"categories":[4760],"tags":[],"class_list":["post-46662","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vps"],"hreflangs":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/46662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=46662"}],"version-history":[{"count":13,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/46662\/revisions"}],"predecessor-version":[{"id":48614,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/46662\/revisions\/48614"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/46675"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=46662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=46662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=46662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}