Browser

CDP-scripts til at starte Chrome, navigere, køre JS, tage skærmbilleder og vælge DOM-elementer (macOS)

Af iamzhihuix · iamzhihuix/happy-claude-skills

Testet · Virker ★ 8.4/10

Browser — CDP-scripts til at starte Chrome, navigere, køre JS, tage skærmbilleder og vælge DOM-elementer (macOS)

Hvad det gør

Et sæt Node.js puppeteer-core-scripts, der driver en ægte Chrome via DevTools Protocol på port 9222: starter Chrome, navigerer faner, evaluerer JavaScript på den gengivne side, tager viewport-skærmbilleder og interaktivt vælger DOM-elementer. Udløses ved anmodninger om at browse eller scrape en hjemmeside, tage et sideskærmbillede, automatisere en browser eller udtrække den gengivne DOM. Fordi den kører JS mod den live gengivne side, læser den indhold, som rå HTTP-hentninger misser; bemærk, at scripts hardkoder macOS Chrome-stier, og start.js dræber din kørende Chrome.

Testrapport

Klonede repoet og kørte `npm install` (puppeteer-core, 0 sårbarheder, postinstall chmod gjorde alle 5 scripts +x). For at undgå, at start.js's `killall 'Google Chrome'` forstyrrede brugerens live browser, startede jeg en isoleret headless Chrome på :9222 med en temp-profil og kørte nav.js/eval.js/screenshot.js direkte — alt fungerede (titel, linktællinger, IIFE-objektudtræk, PNG til tmp). OUTPUT: på JS-gengivne quotes.toscrape.com/js matchede baseline `curl` af rå HTML 0 citater og 0 forfattere, mens nav.js+eval.js udtrak 10 citater og forfatter "Albert Einstein" fra den gengivne DOM — en afgørende, citerbar forskel. Trak point fra for installation/docs, fordi start.js hardkoder macOS-only stier og tvangsdræber den kørende Chrome, hvilket dokumentationen kun antyder i en kodekommentar; ingen malware, curl|sh eller exfiltration fundet.

Testet: 2026-07-31 · Claude Code 2.x (agent harness)

Installation

git clone --depth 1 https://github.com/iamzhihuix/happy-claude-skills.git /tmp/browser-src
mkdir -p ~/.claude/skills
cp -R /tmp/browser-src/skills/browser ~/.claude/skills/browser
npm install --prefix ~/.claude/skills/browser
# Requires macOS + Google Chrome desktop at /Applications/Google Chrome.app (paths hardcoded in scripts/start.js).
# WARNING: start.js runs `killall 'Google Chrome'` then relaunches Chrome on :9222; it closes your existing Chrome windows.
# --profile rsyncs your real Chrome profile (cookies/logins) into ~/.cache/browser-tools.
# Scripts: start.js [--profile] | nav.js <url> [--new] | eval.js '<expr>' | screenshot.js | pick.js '<msg>'

Kommandoer og eksempelprompter

/browserCDP-scripts til at starte Chrome, navigere, køre JS, tage skærmbilleder og vælge DOM-elementer (macOS)

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Take a screenshot of this webpage
Scrape the product listings from this page
Extract the DOM structure of this site

Læs hele rapporten →