Browser

CDP-skript för att starta Chrome, navigera, köra JS, skärmdumpa och välja DOM-element (macOS)

av iamzhihuix · iamzhihuix/happy-claude-skills

Testad · Fungerar ★ 8.4/10

Browser — CDP-skript för att starta Chrome, navigera, köra JS, skärmdumpa och välja DOM-element (macOS)

Vad den gör

En uppsättning Node.js puppeteer-core-skript som driver en verklig Chrome över DevTools Protocol på port 9222: startar Chrome, navigerar flikar, utvärderar JavaScript på den renderade sidan, tar skärmdumpar av viewport och interaktivt väljer DOM-element. Utlöses vid förfrågningar om att bläddra eller skrapa en webbplats, ta en skärmdump av en sida, automatisera en webbläsare eller extrahera den renderade DOM. Eftersom den kör JS mot den live-renderade sidan, läser den innehåll som råa HTTP-hämtningar missar; notera att skripten hårdkodar macOS Chrome-sökvägar och start.js dödar din körande Chrome.

Testrapport

Klonade repot och körde `npm install` (puppeteer-core, 0 sårbarheter, postinstall chmod gjorde alla 5 skript +x). För att undvika att start.js:s `killall 'Google Chrome'` stör användarens live-webbläsare, startade jag en isolerad headless Chrome på :9222 med en temporär profil och körde nav.js/eval.js/screenshot.js direkt — allt fungerade (titel, länkantal, IIFE-objektutvinning, PNG till tmp). UTDATA: på JS-renderade quotes.toscrape.com/js, matchade baslinjens `curl` av rå HTML 0 citat och 0 författare, medan nav.js+eval.js extraherade 10 citat och författaren "Albert Einstein" från den renderade DOM — en avgörande, citerbar skillnad. Avdrag för installation/dokumentation eftersom start.js hårdkodar endast macOS-sökvägar och tvångsdödar den körande Chrome, vilket dokumentationen endast antyder i en kodkommentar; ingen skadlig kod, curl|sh eller exfiltration hittades.

Testad: 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>'

Kommandon och exempelprompter

/browserCDP-skript för att starta Chrome, navigera, köra JS, skärmdumpa och välja DOM-element (macOS)

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →