Browser Testing with DevTools

Kjører ekte nettleser-tester via Chrome DevTools MCP for å fange DOM- og konsollproblemer.

Krever oppsett ★ 8.0/10

Hva den gjør

Tester i ekte nettlesere via Chrome DevTools MCP. Brukes når du bygger eller feilsøker noe som kjører i en nettleser. Brukes når du trenger å inspisere DOM-en, fange konsollfeil, analysere nettverksforespørsler, profilere ytelse, eller verifisere visuell output med ekte kjøretidsdata. Krever at chrome-devtools MCP-serveren er konfigurert.

Testrapport

Ren installasjon av én fil — verbatim git clone + cp fungerte uten fikser, og frontmatter parses strengt — men skillen er inert uten en separat konfigurert chrome-devtools MCP-server og en kjørende Chrome, en hard ekstern avhengighet dokumentasjonen opplyser ærlig om på forhånd. I en A/B-oppgave med live nettleser-feilsøking (reprodusere en ReferenceError, fikse, reverifisere) fant og fikset både skillarmen og baseline uten skill buggen med live verifisering; skillens fortrinn var prosessdisiplin — REPRODUCE→INSPECT→DIAGNOSE→FIX→VERIFY-arbeidsflyten pluss før/etter-skjermbilder som bevis — snarere enn en bedre diagnose. Godt skrevet, ærlig dokumentasjon med uvanlig sterk sikkerhetsveiledning (profilisolasjon, upålitelig nettleserinnhold).

Testet på: 2026-07-11 · Claude Code 2.x (agent harness)

Installer

git clone https://github.com/addyosmani/agent-skills
cd agent-skills
mkdir -p ~/.claude/skills
cp -r skills/browser-testing-with-devtools ~/.claude/skills/browser-testing-with-devtools

Kommandoer og eksempelprompter

/browser-testing-with-devtoolsKjører ekte nettleser-tester via Chrome DevTools MCP for å fange DOM- og konsollproblemer.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

Test this page in a real browser and check the console
Inspect network requests while debugging the login flow
Profile page performance and report console errors

Full rapport →