Strežnik MCP Puppeteer

Dajte svojemu agentu AI roke za uporabo brskalnika. Krmarite po straneh, klikajte gumbe, izpolnjujte obrazce, zajemajte posnetke zaslona, izvajajte JavaScript in preizkušajte poteke vmesnika, vse iz terminala.

MCP Server·3 razdelkov·1 min branja

codingresearch

Install Prompt

Paste this into Claude Code to set it up:

V svojo postavitev Claude Code želim dodati Puppeteer MCP Server.

POMEMBNO: Za ~/.claude.json nikoli ne uporabljajte orodij Read/Edit. Namesto tega uporabite jq prek Basha.

Ključ API ni potreben. Puppeteer uporablja vašo lokalno namestitev Chroma ali Chromiuma.

Za dodajanje strežnika MCP zaženite ta ukaz:
```bash
jq '.mcpServers["puppeteer"] = {"type": "stdio", "command": "npx", "args": ["-y", "@modelcontextprotocol/server-puppeteer"]}' ~/.claude.json > /tmp/claude-json-tmp && mv /tmp/claude-json-tmp ~/.claude.json
```

Po dodajanju znova zaženite Claude Code. Strežnik zažene primerek brskalnika in vašemu agentu omogoči krmarjenje po straneh, klikanje gumbov, izpolnjevanje obrazcev, zajemanje posnetkov zaslona in izvajanje JavaScripta.

01Kaj počne

Oči in roke za vašega agenta

Firecrawl bere vsebino strani (oči). Puppeteer s stranmi upravlja kot človeški uporabnik (roke). Krmari lahko do naslovov URL, klika gumbe, izpolnjuje obrazce, zajema posnetke zaslona, izbira možnosti v spustnih menijih, prehaja z miško čez elemente in izvaja poljuben JavaScript. Predstavljajte si ga kot zmožnost, da vaš agent brskalnik uporablja, ne le bere.

🖱️

Klikanje in krmarjenjeOdpirajte naslove URL, klikajte gumbe in povezave, prehajajte z miško čez elemente in razkrivajte namige ter menije.

⌨️

Izpolnjevanje in izbiranjeVnašajte besedilo v vnosna polja, izbirajte možnosti iz spustnih menijev in oddajajte obrazce.

📸

Posnetki zaslona in vrednotenjeZajemite posnetke zaslona za vizualno preverjanje. Izvajajte poljuben JavaScript za izvlek podatkov ali spreminjanje vedenja strani.

02Primeri iz prakse

»Zajemi posnetek zaslona naše pristajalne strani na mobilni napravi«

Agent odpre vaš naslov URL, velikost pogleda prilagodi mobilnim meram in zajame posnetek zaslona za vizualni pregled.

»Izpolni registracijski obrazec na testnem okolju«

Agent odpre obrazec, izpolni vsako polje in ga odda. Hitro preizkušanje po okoljih brez ročnega dela.

»Preveri, ali potek prijave deluje od začetka do konca«

Agent odpre prijavo, vnese poverilnice, klikne za oddajo in preveri preusmeritev. Lahek dimni test kar iz terminala.

»Zajemi dinamično cenovno tabelo«

Agent odpre stran, počaka, da se JavaScript izriše, nato pa podatke izvleče z orodjem evaluate. Deluje na enostranskih aplikacijah (SPA) in dinamični vsebini.

03Namestitev

# Dodajte v ~/.claude.json pod mcpServers
"puppeteer": {
  "type": "stdio",
  "command": "npx",
  "args": ["-y", "@anthropic/puppeteer-mcp"]
}

Ključ API ni potreben. Puppeteer uporablja vašo lokalno namestitev Chroma. Če je Chrome nameščen, deluje.

Posnetki zaslona so vaše orodje za preverjanje. Zajemite vizualni dokaz sprememb vmesnika brez preklapljanja konteksta.

Izogibajte se opozorilom JavaScript. Ta blokirajo brskalnik. Najprej z orodjem evaluate razveljavite potrditvena pogovorna okna.