Claude in Chrome

Avtomatizacija brskalnika neposredno iz Claude Code. Krmarite po straneh, klikajte elemente, izpolnjujte obrazce, zajemajte posnetke zaslona in snemajte animacije GIF v Chromu.

MCP Server·3 razdelkov·1 min branja

codingresearchdesign

Install Prompt

Paste this into Claude Code to set it up:

V svojo postavitev Claude Code želim dodati Claude in Chrome MCP.

POMEMBNO: nad datoteko ~/.claude.json nikoli ne uporabljajte orodij Read/Edit. Namesto tega uporabite jq prek Bash.

Predpogoji: iz trgovine Chrome Web Store namestite razširitev za brskalnik Claude in Chrome. Razširitev poganja lokalni strežnik MCP, s katerim se poveže Claude Code.

Za dodajanje strežnika MCP zaženite ta ukaz:
```bash
jq '.mcpServers["claude-in-chrome"] = {"type": "http", "url": "http://localhost:21415/mcp"}' ~/.claude.json > /tmp/claude-json-tmp && mv /tmp/claude-json-tmp ~/.claude.json
```

Po dodajanju znova zaženite Claude Code. Poskrbite, da je Chrome odprt in razširitev aktivna. Strežnik se poveže s tistim zavihkom, ki je v Chromu trenutno v ospredju.

01Kaj počne

Vaš agent brskalnik vidi in z njim upravlja

Claude in Chrome vaš brskalnik spremeni v interaktivno orodje za agenta AI. Namesto da opisujete, kaj vidite na zaslonu, agent lahko krmari po straneh, bere izrisano vsebino, klika gumbe, izpolnjuje obrazce in zajame točno to, kar vidi. To je ključno za vizualni pregled kakovosti, odpravljanje težav s CSS in testiranje uporabniških potekov.

📸

Posnetki zaslona in animacije GIFZajemite trenutno stanje strani kot posnetek zaslona ali posnemite animacijo GIF večkoračne interakcije. Odlično za vizualni pregled kakovosti in poročila o napakah.

🖱️

Klikanje, tipkanje in krmarjenjeKrmarite na naslove URL, klikajte elemente po selektorju ali koordinatah, izpolnjujte polja obrazcev in delajte s stranmi tako kot uporabnik.

🔍

Branje vsebine straniIz trenutno aktivnega zavihka izluščite besedilo, pregledujte DOM, berite sporočila konzole in spremljajte omrežne zahteve.

02Namestitev

# Add to ~/.claude.json under mcpServers
"claude-in-chrome": {
"type": "http",
"url": "http://localhost:21415/mcp"
}

Razširitev za Chrome mora biti nameščena in Chrome mora teči, da je strežnik MCP dosegljiv. Če povezava ne uspe, preverite, ali je razširitev omogočena in ali vrat 21415 ne uporablja kak drug proces.

03Razpoložljiva orodja

🧭

Krmarjenje in zavihkiKrmarite na naslove URL, ustvarjajte nove zavihke, preklapljajte med njimi in spreminjajte velikost okna brskalnika za testiranje odzivnih postavitev.

📝

Obrazci in vnosIzpolnjujte vnosna polja, oddajajte obrazce, nalagajte slike in s selektorji CSS delajte s katerim koli elementom strani.

🎬

Snemanje in razhroščevanjeSnemajte animacije GIF interakcij, berite sporočila konzole, spremljajte omrežne zahteve in na strani izvajajte lasten JavaScript.