Web Developer MCP

Ce qu'il fait

Ce serveur fournit aux assistants IA un accès direct au navigateur pour déboguer des applications web, analyser le comportement des API et comprendre le comportement des pages en temps réel.

Outils

• browser-navigate : Naviguer vers une URL spécifique et commencer la surveillance.
• browser-reload : Actualiser la page actuelle et les journaux.
• click-element : Interagir avec des boutons et des liens via des sélecteurs CSS.
• fill-input : Saisir du texte dans des champs de formulaire.
• submit-form : Déclencher l'envoi de formulaires.
• browser-console : Récupérer les journaux, erreurs et avertissements de la console du navigateur.
• inspect-elements : Analyse approfondie des éléments DOM, des styles et de la visibilité.
• extract-html : Obtenir le marquage HTML brut pour les tests.
• network-requests : Lister et filtrer les requêtes HTTP capturées.
• network-inspect : Vue détaillée des en-têtes et corps des requêtes/réponses.
• network-clear : Effacer le tampon réseau.

Installation

Ajoutez ceci à votre fichier claude_desktop_config.json :

{
  "mcpServers": {
    "web-developer-mcp": {
      "command": "npx",
      "args": ["web-developer-mcp@latest"]
    }
  }
}

Hôtes supportés

Confirmé pour Claude et Cursor.