REA vs Chrome DevTools: investigație cu un agent sau depanare directă?

Alege Chrome DevTools pentru depanare directă în browser, modificări DOM/CSS, puncte de întrerupere JavaScript și inspectarea performanței. Alege REA când vrei ca un agent de programare să investigheze o pagină de browser, să coreleze anumite scripturi sau cereri cu o întrebare și să explice constatările pe baza dovezilor.

Fluxul de lucru REA pentru browser necesită o conexiune locală la browser pregătită în prealabil. Nu inspectează un site doar pentru că cineva introduce un URL pe acest site al comunității. Acest ghid independent oferă linkuri către documentația oficială REA pentru browser și documentația Chrome DevTools.

Prin ce diferă cele două fluxuri de lucru pentru browser?

Chrome DevTools este integrat în Chrome. Panourile sale îi permit unui dezvoltator să inspecteze o pagină în execuție, să modifice stiluri, să întrerupă execuția JavaScript, să inspecteze cereri, să înregistreze parcursurile utilizatorilor și să examineze performanța și memoria. Controlezi investigația direct în browser. Prezentarea DevTools oferită de Google documentează aceste fluxuri de lucru.

REA conectează agentul tău de programare la anumite observații din browser, inclusiv structura paginii, scripturile încărcate, activitatea de rețea și capturile de ecran solicitate. Agentul folosește aceste observații pentru a răspunde la o întrebare precisă sau pentru a propune o reconstrucție. REA are și fluxuri de lucru separate pentru fișiere locale de aplicații și fișiere binare native, care depășesc sfera obișnuită a depanării paginilor în DevTools. Fișierul README al REA face distincția între aceste categorii de ținte.

Ce vrei să faci?	Punct de pornire recomandat	Intrare	Rezultat sau avantaj
Să ajustezi imediat spațierea, aspectul sau o regulă CSS	Chrome DevTools	Element DOM selectat	Editare în timp real a stilurilor și feedback vizual
Să întrerupi execuția la o linie JavaScript și să inspectezi starea	Chrome DevTools	Pagină în execuție și punct de întrerupere	Control direct al depanatorului și inspectarea variabilelor
Să găsești un blocaj la încărcare sau o problemă de memorie	Chrome DevTools	Înregistrare a performanței sau profil de memorie	Cronologii specializate și panouri de diagnosticare
Să întrebi un agent cum funcționează o funcționalitate din browser	Fluxul de lucru REA pentru browser	Conexiune locală pregătită și întrebare precisă	Codul și observațiile selectate, interpretate de agent
Să urmărești o funcționalitate dintr-un pachet Electron până în codul nativ	Fluxurile de lucru REA separate pentru aplicații și cod nativ	Artefacte locale ale aplicației și furnizori adecvați	Dovezi din mai multe tipuri de ținte

Când este Chrome DevTools alegerea mai potrivită?

Folosește DevTools când știi deja ce să inspectezi și vrei feedback imediat. Selectarea unui element, testarea unui stil, plasarea unui punct de întrerupere sau examinarea unei cereri sunt adesea acțiuni directe și rapide. DevTools evită configurarea și interpretarea suplimentare implicate într-un schimb cu un agent.

DevTools este și punctul de pornire mai potrivit pentru analiza detaliată a performanței și memoriei în browser. Panoul Performance prezintă înregistrări ale încărcării și execuției; instrumentele Memory ajută la investigarea problemelor de memorie. Capacitatea REA de a colecta observații din browser nu implică o interfață echivalentă pentru fiecare diagnostic oferit de DevTools. Pentru aceste sarcini, începe cu documentația Google despre performanță sau documentația despre memorie.

Pentru o cerere care eșuează, panoul Network îți oferă acces direct la activitatea înregistrată de browser. Un agent poate ajuta la interpretarea dovezilor, dar un nivel suplimentar de intermediere prin agent este inutil când codul de stare al răspunsului sau conținutul cererii explică deja problema.

Când ajută o investigație REA?

REA este util când întrebarea ta necesită mai multe observații corelate și vrei ca agentul de programare să explice relația dintre ele. Întreabă despre un comportament concret, identifică pagina țintă și solicită codul încărcat relevant și observațiile aferente. Un prompt general, precum „explică întregul site”, îți oferă mai puține modalități clare de a verifica răspunsul.

Exemplul oficial REA cu dinozaurul este o ilustrare concretă. REA citește scriptul încărcat de un joc cu dinozaur derivat din Chromium. Agentul identifică o viteză inițială de 6, o accelerație de 0.001 la fiecare actualizare fără coliziune și o viteză maximă de 13, apoi folosește acea regulă într-un mic joc cu viteză reglabilă. Exemplul include referințe la codul sursă și o verificare controlată a regulii de viteză.

Acel exemplu este realizat de proiectul REA. Nu este o dovadă că orice site poate fi reconstruit și nu ar trebui prezentat drept experiența unui utilizator independent din comunitate. Colecția noastră de cazuri din comunitate păstrează postările-sursă separate de exemplele practice oficiale.

Cum ar trebui să pregătești o investigație în browser?

Urmează pașii REA de pregătire a browserului pentru un browser din familia Chrome și o conexiune locală de depanare. Oferă-i agentului URL-ul paginii dorite, endpointul local cerut de acel ghid și o întrebare. Respectă limitele conexiunii din ghid, în loc să expui un serviciu de depanare pe internetul public.

Un prompt pentru o pagină demonstrativă pe care o deții ar putea fi:

Folosește REA cu conexiunea locală la browser pregătită pentru a inspecta
pagina mea demonstrativă. Explică modul în care caseta de căutare actualizează rezultatele.
Arată scriptul încărcat relevant și locațiile din sursă.
Enumeră observațiile care susțin explicația și aspectele necunoscute.

Verifică dacă dovezile returnate descriu acțiunea și starea pe care le-ai avut în vedere. Dacă aplicația are mai multe pagini sau stări, un script dintr-o stare poate să nu explice o altă stare. Repetă manual acțiunea în DevTools atunci când este necesar pentru a confirma cererea sau traseul prin cod descris de agent.

Poate vreunul dintre instrumente să arate codul sursă al backendului site-ului?

Scripturile și cererile vizibile în browser dezvăluie comportamentul de pe partea clientului expus în acea sesiune de browser. Nu dezvăluie automat codul privat de implementare a serverului, conținutul bazelor de date sau regulile de afaceri ascunse. Un răspuns poate arăta ce a returnat serverul pentru o cerere fără să explice fiecare pas intern care l-a produs.

Tratează proiectarea backendului propusă de un agent ca pe o ipoteză, cu excepția cazului în care dovezi separate, obținute cu autorizație, o susțin. Reproducerea unei interfețe observate și recuperarea implementării sale originale sunt afirmații diferite. Dovezile și limitările REA ajută la precizarea acestei limite; agentul trebuie în continuare să o respecte.

Capturile din browser pot include date specifice sesiunii, corpuri de cereri sau URL-uri sensibile. REA efectuează analiza local, dar rezultatele returnate de instrumente ajung la agentul tău de programare și intră sub incidența politicii privind datele a furnizorului modelului său. Întrebările frecvente oficiale REA explică această limită privind datele. Partajează doar observații adecvate sarcinii și autorizației tale.

Ce întrebări apar când alegi între ele?

REA înlocuiește Chrome DevTools?

REA oferă o interfață de investigare pentru agenți de programare. DevTools oferă depanare directă în browser și panouri de diagnosticare specializate. Folosirea DevTools pentru a verifica o constatare REA este o combinație utilă.

Am nevoie de Hopper, Ghidra sau IDA pentru un site?

Fluxul de lucru REA pentru browser necesită un browser compatibil și conexiunea sa locală documentată. Motoarele native sunt folosite pentru analiza aprofundată separată a fișierelor binare native, nu pentru inspecția obișnuită a paginilor.

REA rulează pe acest site?

Nu. reverseengineeranything.tools publică exemple din comunitate și ghiduri. Instalează pachetul oficial REA pe propriul calculator pentru a rula investigații; acest site nu are funcționalități de încărcare pentru analiză sau de execuție găzduită.

Pot folosi DevTools fără un model AI?

Da. Chrome DevTools este disponibil direct în Chrome. Și CLI-ul REA poate rula fluxurile de lucru acceptate fără un agent de programare, în timp ce o investigație REA condusă de un agent folosește accesul la model și condițiile clientului respectiv.

Cum încep să folosesc REA cu un agent?

Citește ghidul nostru pentru prima investigație, apoi urmează ghidurile oficiale de configurare și de browser. Confirmă lista de instrumente a serverului instalat; funcționalitățile documentate în ramura main a depozitului pot fi mai noi decât pachetul publicat.