Låt Claude styra din webbläsare direkt: Fyll i formulär, posta inlägg, till och med dra captcha-slider

De flesta använder AI på nivån "du frågar, den svarar". Men många riktigt irriterande uppgifter handlar inte om att "inte kunna komma på svaret", utan om att behöva göra saker steg för steg i webbläsaren – fylla i formulär fält för fält, klistra in innehåll i någon webbläsarredigerare och publicera, bläddra igenom dussintals sidor för att kopiera information, eller till och med manuellt dra en captcha-slider vid inloggning. Det är precis sådana uppgifter som AI borde hjälpa dig med, men den når inte din webbläsare.

PandaNpc:s Chrome-tillägg löser detta "nåbarhetsproblem": Låt din Claude Code faktiskt sträcka sig in i din webbläsare, klicka för dig, fylla i för dig, bläddra för dig, och till och med dra captcha-slidern åt dig. Det handlar inte om att ta en skärmdump och visa den för AI, som sedan säger åt dig var du ska klicka – det är AI som gör det själv.

Vad det är

I ett nötskal: Ett Chrome-tillägg som gör Claude till en "operatör" för din webbläsare.

Kedjan är enkel:

你的 Claude Code  →  cc-relay 中转  →  浏览器插件  →  操作你当前看的网页

Du säger i chatten "Hjälp mig publicera det här innehållet", "Fyll i det här formuläret", "Logga in på den här webbplatsen", så anropar Claude tillägget för att utföra åtgärder på den flik du just nu tittar på. Tillägget är dess "händer", och du ser hela tiden vad den gör.

Vad den kan göra

Tillägget ger Claude tillgång till 43 webbläsarverktyg som täcker nästan allt en människa kan göra med mus och tangentbord:

• Se: Läs sidans brödtext, ta skärmdump, hämta strukturen för ett element, fånga nätverksdata bakom sidan.
• Klicka och fyll i: Klicka på knappar/länkar, fyll i textfält, kryssrutor, rullgardinsmenyer, tangenttryckningar (inklusive Ctrl/Enter-kombinationer), scrolla, hovera, dra.
• Bläddra och navigera: Öppna/stäng/växla flikar, gå framåt/bakåt, navigera till URL, vänta på att ett element laddas.
• Överför: Skicka en bild (t.ex. omslagsbild) via URL direkt till en uppladdningsruta på webbsidan, bildens byte behöver inte passera genom chatten.
• Hantera captcha: Identifiera skåran i slider, dra slidern, klicka på text/bild-captcha (mer om detta nedan).

Det viktiga är inte "hur många verktyg", utan att du inte behöver komma ihåg dem. Du säger det på vanligt språk, och Claude delar upp det i en serie åtgärder att utföra. Abstrakt sett kan den hjälpa dig med:

• Skicka tråkiga, repetitiva webbuppgifter med en kommentar – fylla i formulär, batchbearbeta, flytta information mellan sidor;
• Mata in en färdig text i en webbredigerare och publicera den på en gång;
• Hantera flöden som kräver inloggning och captcha.

Vilken webbplats och vad du gör bestämmer du själv.

Funktion: Hur drar den captcha-slidern?

Detta är platsen där tillägget verkligen visar sin styrka, och där vanliga webbskript/Greasemonkey-skript inte räcker till.

Först, varför vanlig automatisering inte klarar captcha. Webbläsaren stämplar varje händelse med en "äkthetsstämpel" som heter isTrusted: en händelse som skapas av en riktig mus är isTrusted=true; en händelse som skapas med JavaScript-kod (element.click(), dispatchEvent) är isTrusted=false. Captcha och anti-bot-system testar denna stämpel, och skapade händelser avslöjas direkt. Så Greasemonkey-skript som simulerar klick accepteras inte av captcha.

Detta tillägg använder en annan väg – CDP (Chrome DevTools Protocol) injicerar inmatningshändelser på webbläsarens kärnnivå, vilket skapar en isTrusted=true stämpel som är äkta, och anti-bot-system kan inte skilja den från en riktig människa. Detta är grunden för verktygen real_click / real_drag / real_type – dessa "riktiga inmatningsverktyg".

Att bara vara "äkta" räcker inte; den måste dra som en riktig människa. Sliderns dragbana är speciellt beräknad som en människoliknande kurva, inte en rak linje som teleporteras:

• Variabel hastighet: Startar långsamt, snabbar upp på mitten, saktar ner nära målet (precis som en riktig hand som drar något), inte konstant hastighet;
• Bågformad bana: Lätt båge uppåt och sedan ner igen, simulerar att en riktig hand inte rör sig i en perfekt rak linje;
• Med skakning: Varje steg lägger till slumpmässig pixelskakning;
• Med paus: Pausar en stund innan nedtryckning (förberedelse), pausar igen innan släpp, med slumpmässiga millisekundsintervall mellan stegen.

Var skåran på slidern är identifierar tillägget själv: det tar en skärmdump av captcha-bilden, konverterar till gråskala, beräknar vertikal kantenergi kolumn för kolumn – de två vertikala kanterna på pusselbiten och skåran har högst energi, och matchar positionen för skåran. Claude får koordinaterna, räknar ut hur långt den ska dra, och använder den människoliknande banan för att dra. Efter draget tar den en skärmdump för att verifiera, och justerar vid behov.

• Pusselslider: Identifiera skåran → dra över.
• "Dra till högerkanten" linjär slider: Mät handtagets position och högerkanten → dra hela vägen.
• Klicka på text/bild-captcha: Ta skärmdump för att se vilken ordning som krävs och var varje tecken är → klicka i tur och ordning.

En annan dold svårighet: många webbplatser har inloggningsrutor och captcha i cross-origin iframes. Vanliga skript med CSS-väljare når dem inte. Men dessa koordinatbaserade riktiga inmatningar arbetar på renderingsnivån och påverkas inte av same origin-policy, kan direkt interagera med cross-origin iframes.

Jämförelse i ett nötskal:

Förtydligande: Att hantera captcha är för att hjälpa dig utföra åtgärder som du själv har rätt att göra (t.ex. logga in på ditt eget konto), inte för att massknäcka eller attackera andras webbplatser.

Säkerhet: Det kommer inte att göra saker bakom din rygg

Att låta AI styra webbläsaren väcker den största farhågan: "Kommer den att göra något ont i smyg?" Tillägget har flera lager av skydd:

• Varje åtgärd måste godkännas: Innan Claude klickar/fyller i, visar sidofältet ett kort som säger "Vad den ska göra på vilken sida". Du kan Tillåt / Tillåt alltid (denna webbplats och åtgärd) / Neka.
• Högrisksidor blockeras automatiskt: Nätbanker, betaltjänster, e-post, inloggningssidor (ICBC / CCB / CMB, PayPal / Alipay / WeChat Pay, Gmail / QQ Mail / Outlook, Google / Microsoft login etc.) är på svartlistan – alla åtgärder nekas utan fråga.
• Endast den aktuella fliken: Den kommer inte att röra andra flikar du har öppna i bakgrunden.
• Pausa med ett klick: En huvudströmbrytare som stoppar all automatisering omedelbart.
• Åtgärdslogg: De senaste 100 åtgärderna (tid, sida, vad som gjordes, om det lyckades) sparas och kan granskas.
• Flera webbläsare blandas inte: Samma konto installerat på flera webbläsare – varje sessions kommandon skickas endast till den webbläsare den är bunden till, inga sändningar eller felaktiga leveranser.

Med andra ord: Vad den kan göra bestämmer du kort för kort; vad den har gjort kan du alltid kontrollera.

Kom igång i tre steg

1. Installera tillägget: Ett klick i Chrome Web Store 👉 PandaNpc — Remote Control for Claude Code

2. Para ihop med din Claude Code: Installera och kör pandapaw på din utvecklingsmaskin:

   bashCopy

   # macOS / Linux
   curl -fsSL https://cos.pandanpc.com/pandapaw/install.sh | sh
   # Windows (PowerShell)
   iwr -useb https://cos.pandanpc.com/pandapaw/install.ps1 | iex

   Kör sedan pandapaw qr för att generera en engångsparningskod som är giltig i två minuter. Klistra in den i tilläggets sidofält och klicka på "Anslut".

3. Låt den arbeta: Öppna webbsidan du vill arbeta med och säg det på vanligt språk i chatten – "Hjälp mig fylla i det här formuläret", "Logga in, du hanterar captcha", "Publicera det här innehållet". Resten gör den själv, och när den behöver ditt godkännande dyker ett kort upp.

Sammanfattning

AI är mest användbart inte när den tänker åt dig, utan när den gör åt dig. Detta Chrome-tillägg förvandlar Claude från en "rådgivare i chattrutan" till en "operatör i din webbläsare": 43 verktyg, kan hantera slider- och punkt-captcha, kan interagera med cross-origin iframes, och har ett fullt säkerhetssystem med godkännande, svartlista, pausknapp och logg.

Om du vill att AI verkligen ska hjälpa dig med webbarbete, installera tillägget nu och prova att ansluta till din Claude Code.