{
  "title": "Pilote ton VRAI browser web avec Chrome CDP",
  "excerpt": "Quand ton agent IA lance un browser web pour tester ton site ou tes extensions chrome, son contexte est complétement vide. \nA chaque fois tu doit tout recréer de zéro: se ré-authentifier sur chaque site,  se prendre des CAPTCHAs car le browser est détecté comme piloté, etc.\nRésultat : inutilisable sur tes vrais workflows.\nChrome-cdp règle ça en une ligne : ton agent se glisse dans ton Chrome, voit ce que tu vois, agit là où tu travailles.",
  "locale": "fr",
  "publishedAt": "2026-03-15T10:29:06.656Z",
  "updatedAt": "2026-03-28T17:25:22.353Z",
  "author": {
    "name": "Cédric TOURNIER",
    "username": "Amorem",
    "url": "https://mysaas.blog/fr/@Amorem"
  },
  "tags": [
    "skills",
    "chrome",
    "playwright",
    "mcp"
  ],
  "relatedSaas": [],
  "sources": [
    {
      "title": "Chrome DevTools Protocol",
      "url": "https://chromedevtools.github.io/devtools-protocol/",
      "hostname": "chromedevtools.github.io"
    },
    {
      "title": "Your Browser Has a Remote Control — And Nobody Told You",
      "url": "https://dev.to/timtech4u/your-browser-has-a-remote-control-and-nobody-told-you-5e97",
      "hostname": "dev.to"
    },
    {
      "title": "pasky/chrome-cdp-skill",
      "url": "https://github.com/pasky/chrome-cdp-skill",
      "hostname": "github.com"
    }
  ],
  "urls": {
    "html": "https://mysaas.blog/fr/@Amorem/pilote-ton-vrai-browser-web-avec-chrome-cdp",
    "markdown": "https://mysaas.blog/fr/@Amorem/pilote-ton-vrai-browser-web-avec-chrome-cdp/md",
    "json": "https://mysaas.blog/fr/@Amorem/pilote-ton-vrai-browser-web-avec-chrome-cdp/json"
  },
  "wordCount": 330,
  "images": [
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-21/c206a15c-c8d2-4c35-99de-ee5fd71532f0.jpg",
      "alt": null,
      "title": null,
      "width": null,
      "height": null
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-21/0883c81f-f9f9-4d63-baad-1484c8f04197.png",
      "alt": "Playwright MCP",
      "title": null,
      "width": 1338,
      "height": 390
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-21/ef60c5cd-edca-4dd4-93ef-4b5a256584df.png",
      "alt": "CDP protocol",
      "title": null,
      "width": 330,
      "height": 152
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-15/00262a59-516a-40fa-a069-1c99d106c383.png",
      "alt": "Chrome 146",
      "title": null,
      "width": 2216,
      "height": 1518
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-15/457626de-f536-4f48-9595-213ce4e07b1e.png",
      "alt": "Activer le remote debugging dans Crhome",
      "title": null,
      "width": 1562,
      "height": 772
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-15/cf59eafb-89a7-44f5-af6f-44f706cf817b.png",
      "alt": "skills.sh",
      "title": null,
      "width": 2614,
      "height": 1674
    },
    {
      "url": "https://assets.mysaas.blog/posts/2026-03-15/e4c715b1-0f18-4e26-ad0d-4580c65ee959.png",
      "alt": "Claude is happy",
      "title": null,
      "width": 2870,
      "height": 1534
    }
  ],
  "content": {
    "markdown": "## La problématique\n\nJ'ai perdu plusieurs heures à butter sur le pilotage de Playwright. C'est devenu rare d'être bloqué sur un point technique à l'heure de l'IA.\n\nJe voulais que Claude accède au DOM de la page feed de Twitter pour identifier des patterns HTLM et tester en temps reel des modifications.\n\nSimple dans l'esprit.\n\n![Playwright MCP](https://assets.mysaas.blog/posts/2026-03-21/0883c81f-f9f9-4d63-baad-1484c8f04197.png)Ca va assez vite devenir un enfer. D'un point de vue technique Playwright repart d'un browser frais et isolé (en mode automation) à chaque exécution.\n\nDonc je dois me re-logger sur Twitter, qui evidemment détecte que le browser est en mode test/automation et bloque.\n\n## La solution (tardive)\n\nJ'étais à court d'idées et surtout à bout de patience quand je vois un post twitter indiquant que Chrome vient de sortir sa **version 146**, et de là une solution qui pouvait tout simplifier : **chrome-cdp**.\n\nOn la vu, la plupart des outils d'automatisation browser lancent un navigateur isolé et vide à chaque fois.** **Pas chrome-cdp** il se connecte directement à ton Chrome en cours d'exécution **: tes onglets ouverts, tes sessions connectées, ton état de page actuel. Rien à réinstaller, rien à reconfigurer.\n\nCDP, c'est l'interface native qui permet de piloter Chrome depuis ses couches basses.\n\n![CDP protocol](https://assets.mysaas.blog/posts/2026-03-21/ef60c5cd-edca-4dd4-93ef-4b5a256584df.png)Le skill chrome-cdp s'en sert ensuite pour passer des commandes simples à un agent. Ce qui au passage est beaucoup moins couteux en contexte que d'utiliser un MCP.\n\n**chrome-cdp** maintient un daemon persistant par onglet : le modal ne s'affiche qu'**une seule fois**, et il gère fiablement **100+ onglets** là où les outils basés sur Puppeteer timeout régulièrement.\n\n## \n\n## Installation en 4 étapes\n\n### 1) Mettre à jour Chrome en version 146\n\n![Chrome 146](https://assets.mysaas.blog/posts/2026-03-15/00262a59-516a-40fa-a069-1c99d106c383.png)\n\n### 2) Activer le remote debugging\n\n```\nchrome://inspect/#remote-debugging\n```\n\nActive le toggle. C'est tout.\n\n![Activer le remote debugging dans Crhome](https://assets.mysaas.blog/posts/2026-03-15/457626de-f536-4f48-9595-213ce4e07b1e.png)\n\n### 3) Récupérer le skill et l'installer\n\n```\nnpx skills add https://github.com/pasky/chrome-cdp-skill --skill chrome-cdp\n```\n\n![skills.sh](https://assets.mysaas.blog/posts/2026-03-15/cf59eafb-89a7-44f5-af6f-44f706cf817b.png)\n\n### 4) Enjoy 🎉\n\nTon agent peut maintenant lister tes onglets, prendre des screenshots, lire le DOM, cliquer, taper du texte, évaluer du JavaScript — le tout dans **ton vrai Chrome**, sans quitter ton workflow.\n\n![Claude is happy](https://assets.mysaas.blog/posts/2026-03-15/e4c715b1-0f18-4e26-ad0d-4580c65ee959.png)",
    "html": "<h2>La problématique</h2><p>J'ai perdu plusieurs heures à butter sur le pilotage de Playwright. C'est devenu rare d'être bloqué sur un point technique à l'heure de l'IA.</p><p>Je voulais que Claude accède au DOM de la page feed de Twitter pour identifier des patterns HTLM et tester en temps reel des modifications.</p><p>Simple dans l'esprit.</p><img src=\"https://assets.mysaas.blog/posts/2026-03-21/0883c81f-f9f9-4d63-baad-1484c8f04197.png\" alt=\"Playwright MCP\" width=\"1338\" height=\"390\" data-image-size=\"medium\" data-media-id=\"cmnagf1jw0000rwvafmk3m77n\" /><p>Ca va assez vite devenir un enfer. D'un point de vue technique Playwright repart d'un browser frais et isolé (en mode automation) à chaque exécution.</p><p>Donc je dois me re-logger sur Twitter, qui evidemment détecte que le browser est en mode test/automation et bloque.</p><p></p><h2>La solution (tardive)</h2><p>J'étais à court d'idées et surtout à bout de patience quand je vois un post twitter indiquant que Chrome vient de sortir sa <strong>version 146</strong>, et de là une solution qui pouvait tout simplifier : <strong>chrome-cdp</strong>.</p><p>On la vu, la plupart des outils d'automatisation browser lancent un navigateur isolé et vide à chaque fois.<strong> </strong>Pas chrome-cdp<strong> il se connecte directement à ton Chrome en cours d'exécution </strong>: tes onglets ouverts, tes sessions connectées, ton état de page actuel. Rien à réinstaller, rien à reconfigurer.</p><p>CDP, c'est l'interface native qui permet de piloter Chrome depuis ses couches basses.</p><img src=\"https://assets.mysaas.blog/posts/2026-03-21/ef60c5cd-edca-4dd4-93ef-4b5a256584df.png\" alt=\"CDP protocol\" width=\"330\" height=\"152\" data-image-size=\"medium\" data-media-id=\"cmnagf1p30001rwvaicgo0el9\" /><p>Le skill chrome-cdp s'en sert ensuite pour passer des commandes simples à un agent. Ce qui au passage est beaucoup moins couteux en contexte que d'utiliser un MCP.</p><p><strong>chrome-cdp</strong> maintient un daemon persistant par onglet : le modal ne s'affiche qu'<strong>une seule fois</strong>, et il gère fiablement <strong>100+ onglets</strong> là où les outils basés sur Puppeteer timeout régulièrement.</p><h2></h2><h2>Installation en 4 étapes</h2><h3>1) Mettre à jour Chrome en version 146</h3><img src=\"https://assets.mysaas.blog/posts/2026-03-15/00262a59-516a-40fa-a069-1c99d106c383.png\" alt=\"Chrome 146\" width=\"2216\" height=\"1518\" data-image-size=\"medium\" data-media-id=\"cmnagf1z30002rwvae5g4oymi\" /><h3>2) Activer le remote debugging</h3><pre><code>chrome://inspect/#remote-debugging</code></pre><p>Active le toggle. C'est tout.</p><img src=\"https://assets.mysaas.blog/posts/2026-03-15/457626de-f536-4f48-9595-213ce4e07b1e.png\" alt=\"Activer le remote debugging dans Crhome\" width=\"1562\" height=\"772\" data-image-size=\"medium\" data-media-id=\"cmnagf24f0003rwvantcqeotu\" /><h3>3) Récupérer le skill et l'installer</h3><pre><code>npx skills add https://github.com/pasky/chrome-cdp-skill --skill chrome-cdp</code></pre><img src=\"https://assets.mysaas.blog/posts/2026-03-15/cf59eafb-89a7-44f5-af6f-44f706cf817b.png\" alt=\"skills.sh\" width=\"2614\" height=\"1674\" data-image-size=\"medium\" data-media-id=\"cmnagf2az0004rwvanvxeh46p\" /><h3>4) Enjoy 🎉</h3><p>Ton agent peut maintenant lister tes onglets, prendre des screenshots, lire le DOM, cliquer, taper du texte, évaluer du JavaScript — le tout dans <strong>ton vrai Chrome</strong>, sans quitter ton workflow.</p><img src=\"https://assets.mysaas.blog/posts/2026-03-15/e4c715b1-0f18-4e26-ad0d-4580c65ee959.png\" alt=\"Claude is happy\" width=\"2870\" height=\"1534\" data-image-size=\"medium\" data-media-id=\"cmnagf2iv0005rwva3c40puwn\" /><p></p>",
    "text": "La problématique J'ai perdu plusieurs heures à butter sur le pilotage de Playwright. C'est devenu rare d'être bloqué sur un point technique à l'heure de l'IA. Je voulais que Claude accède au DOM de la page feed de Twitter pour identifier des patterns HTLM et tester en temps reel des modifications. Simple dans l'esprit. Ca va assez vite devenir un enfer. D'un point de vue technique Playwright repart d'un browser frais et isolé (en mode automation) à chaque exécution. Donc je dois me re-logger sur Twitter, qui evidemment détecte que le browser est en mode test/automation et bloque. La solution (tardive) J'étais à court d'idées et surtout à bout de patience quand je vois un post twitter indiquant que Chrome vient de sortir sa version 146 , et de là une solution qui pouvait tout simplifier : chrome-cdp . On la vu, la plupart des outils d'automatisation browser lancent un navigateur isolé et vide à chaque fois. Pas chrome-cdp il se connecte directement à ton Chrome en cours d'exécution : tes onglets ouverts, tes sessions connectées, ton état de page actuel. Rien à réinstaller, rien à reconfigurer. CDP, c'est l'interface native qui permet de piloter Chrome depuis ses couches basses. Le skill chrome-cdp s'en sert ensuite pour passer des commandes simples à un agent. Ce qui au passage est beaucoup moins couteux en contexte que d'utiliser un MCP. chrome-cdp maintient un daemon persistant par onglet : le modal ne s'affiche qu' une seule fois , et il gère fiablement 100+ onglets là où les outils basés sur Puppeteer timeout régulièrement. Installation en 4 étapes 1) Mettre à jour Chrome en version 146 2) Activer le remote debugging chrome://inspect/#remote-debugging Active le toggle. C'est tout. 3) Récupérer le skill et l'installer npx skills add https://github.com/pasky/chrome-cdp-skill --skill chrome-cdp 4) Enjoy 🎉 Ton agent peut maintenant lister tes onglets, prendre des screenshots, lire le DOM, cliquer, taper du texte, évaluer du JavaScript — le tout dans ton vrai Chrome , sans quitter ton workflow."
  }
}