{"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&#8217;extension de navigateur OpenClaw pour l&#8217;automatisation web"},"content":{"rendered":"<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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\":\"6a7451cd21843\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7451cd21843\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">&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 class=\"wp-block-paragraph\">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\":\"6a7451cd226be\"}' data-wp-interactive=\"core\/image\" data-wp-key=\"6a7451cd226be\" 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--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-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\" data-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on--click=\"actions.showLightbox\" data-wp-style--right=\"state.thisImage.buttonRight\" data-wp-style--top=\"state.thisImage.buttonTop\">\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>\n<\/div><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">&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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">L&rsquo;extension de navigateur OpenClaw sert de pont entre l&rsquo;agent IA OpenClaw et votre navigateur.<\/p><p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                     Conseil de pro                 <\/p>\n            <\/div>\n            <p class=\"protip__content\">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\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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-use-openclaw-browser-extension\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/comment-utiliser-extension-de-navigateur-openclaw\/","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/openclaw-browser-erweiterung\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-use-openclaw-browser-extension\/","default":0}],"_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}]}}