REA מול Chrome DevTools: חקירה בעזרת סוכן או ניפוי שגיאות ישיר?
בחרו ב־Chrome DevTools לניפוי שגיאות אינטראקטיבי בדפדפן וב־REA לחקירות של סוכני תכנות עם סקריפטים, בקשות וראיות תומכות.
מה חדש בדף הזה
- — פורסמו מקרים מהקהילה הנתמכים במקורות, מדריכים מעשיים ומגבלות ברורות של הראיות.
בחרו ב־Chrome DevTools לניפוי שגיאות ישיר בדפדפן, לעריכת DOM/CSS, לנקודות עצירה ב־JavaScript ולבדיקת ביצועים. בחרו ב־REA כאשר אתם רוצים שסוכן תכנות יחקור דף בדפדפן, יקשר סקריפטים או בקשות נבחרים לשאלה ויסביר את הממצאים בעזרת ראיות.
תהליך העבודה בדפדפן של REA דורש חיבור מקומי לדפדפן שהוכן מראש. הוא אינו בודק אתר רק מפני שמישהו מזין כתובת URL באתר הקהילתי הזה. המדריך העצמאי הזה מקשר לתיעוד הדפדפן הרשמי של REA ולתיעוד של Chrome DevTools.
במה נבדלים שני תהליכי העבודה בדפדפן?
Chrome DevTools מובנה בתוך Chrome. החלוניות שלו מאפשרות למפתח לבדוק דף פועל, לשנות סגנונות, להשהות JavaScript, לבדוק בקשות, להקליט רצפי פעולות של משתמשים ולבחון ביצועים וזיכרון. אתם שולטים בחקירה ישירות בדפדפן. הסקירה של Google על DevTools מתעדת את תהליכי העבודה האלה.
REA מחבר את סוכן התכנות שלכם לתצפיות נבחרות מהדפדפן, ובהן מבנה הדף, סקריפטים שנטענו, פעילות רשת וצילומי מסך שהתבקשו. הסוכן משתמש בתצפיות האלה כדי לענות על שאלה ממוקדת או להציע שחזור. ל־REA יש גם תהליכי עבודה נפרדים לקובצי יישומים מקומיים ולקבצים בינאריים בקוד מכונה, החורגים מההיקף הרגיל של ניפוי שגיאות בדפים ב־DevTools. ה־README של REA מבחין בין משפחות היעדים האלה.
| מה ברצונכם לעשות? | נקודת התחלה מומלצת | קלט | תוצאה או יתרון |
|---|---|---|---|
| להתאים מיד מרווחים, פריסה או כלל CSS | Chrome DevTools | רכיב DOM נבחר | עריכת סגנונות בזמן אמת ומשוב חזותי |
| להשהות ביצוע בשורת JavaScript ולבדוק את המצב | Chrome DevTools | דף פועל ונקודת עצירה | שליטה ישירה במנפה השגיאות ובדיקת משתנים |
| למצוא צוואר בקבוק בטעינה או בעיית זיכרון | Chrome DevTools | הקלטת ביצועים או פרופיל זיכרון | צירי זמן ייעודיים וחלוניות אבחון |
| לשאול סוכן כיצד פועלת תכונה בדפדפן | תהליך העבודה בדפדפן של REA | חיבור מקומי שהוכן מראש ושאלה ממוקדת | קוד ותצפיות נבחרים שהסוכן מפרש |
| לעקוב אחר תכונה מחבילת Electron אל קוד מכונה | תהליכי העבודה הנפרדים של REA ליישומים ולקוד מכונה | תוצרי יישום מקומיים וספקים מתאימים | ראיות ממספר סוגי יעדים |
מתי Chrome DevTools הוא הבחירה העדיפה?
השתמשו ב־DevTools כאשר אתם כבר יודעים מה לבדוק ורוצים משוב מיידי. בחירת רכיב, בדיקת סגנון, הצבת נקודת עצירה או עיון בבקשה הן לרוב פעולות ישירות וקצרות. DevTools חוסך את ההגדרה והפרשנות הנוספות הכרוכות בחילופי דברים עם סוכן.
DevTools הוא גם נקודת ההתחלה העדיפה לעבודה מפורטת על ביצועי הדפדפן והזיכרון. החלונית Performance מציגה הקלטות של טעינה וריצה; כלי Memory מסייעים בחקירת בעיות זיכרון. היכולת של REA לאסוף תצפיות מהדפדפן אינה מעידה על ממשק מקביל לכל כלי אבחון של DevTools. התחילו בתיעוד הביצועים של Google או בתיעוד הזיכרון עבור המשימות האלה.
במקרה של בקשה שנכשלת, החלונית Network מעניקה גישה ישירה לפעילות שהדפדפן תיעד. סוכן יכול לעזור לפרש ראיות, אך שכבת סוכן נוספת אינה נחוצה כאשר קוד המצב של התגובה או תוכן הבקשה כבר מסבירים את הבעיה.
מתי חקירה בעזרת REA מועילה?
REA מועיל כאשר השאלה שלכם דורשת מספר תצפיות קשורות ואתם רוצים שסוכן התכנות יסביר את הקשר ביניהן. שאלו על התנהגות מסוימת, ציינו את דף היעד ובקשו את הקוד שנטען ואת התצפיות הרלוונטיות. הנחיה רחבה כגון ״הסבר את כל האתר הזה״ משאירה לכם פחות דרכים ברורות לבדוק את התשובה.
דוגמת הדינוזאור הרשמית של REA ממחישה זאת באופן קונקרטי. REA קורא את הסקריפט שנטען במשחק דינוזאור המבוסס על Chromium. הסוכן מזהה מהירות התחלתית של 6, תאוצה של 0.001 בכל עדכון ללא התנגשות ומהירות מרבית של 13, ואז משתמש בכלל הזה במשחק קטן עם מהירות שניתנת לשינוי. הדוגמה כוללת הפניות למקור ובדיקה מבוקרת של כלל המהירות.
הדוגמה הזו נכתבה בידי פרויקט REA. היא אינה ראיה לכך שאפשר לשחזר כל אתר, ואין להציג אותה כחוויה של משתמש עצמאי מהקהילה. אוסף המקרים מהקהילה שלנו מפריד בין פוסטים מהמקור לבין דוגמאות מעשיות רשמיות.
איך מכינים חקירה בדפדפן?
פעלו לפי שלבי הכנת הדפדפן של REA עבור דפדפן ממשפחת Chrome וחיבור מקומי לניפוי שגיאות. תנו לסוכן את כתובת ה־URL של הדף הרצוי, את נקודת הקצה המקומית הנדרשת במדריך ושאלה אחת. הקפידו על היקף החיבור שנקבע במדריך במקום לחשוף שירות ניפוי שגיאות לאינטרנט הציבורי.
הנחיה לדף הדגמה שבבעלותכם יכולה להיות:
השתמש ב־REA עם החיבור המקומי לדפדפן שהוכן מראש כדי לבדוק
את דף ההדגמה שלי. הסבר כיצד תיבת החיפוש שלו מעדכנת את התוצאות.
הצג את הסקריפט הרלוונטי שנטען ואת המיקומים במקור.
פרט את התצפיות שתומכות בהסבר ואת כל מה שאינו ידוע.
בדקו אם הראיות שהוחזרו מתארות את הפעולה ואת המצב שאליהם התכוונתם. אם ליישום יש מספר דפים או מצבים, סקריפט ממצב אחד עשוי שלא להסביר מצב אחר. ב־DevTools, חזרו ידנית על הפעולה כשצריך כדי לאמת את הבקשה או את מסלול הקוד שהסוכן תיאר.
האם אחד הכלים יכול להציג את קוד צד השרת של האתר?
סקריפטים ובקשות הגלויים בדפדפן חושפים את ההתנהגות בצד הלקוח הנגישה באותו סשן דפדפן. הם אינם חושפים אוטומטית קוד מימוש פרטי בשרת, תוכן של מסדי נתונים או כללים עסקיים נסתרים. תגובה יכולה להראות מה השרת החזיר לבקשה אחת, בלי להסביר כל שלב פנימי שהוביל אליה.
התייחסו לתכנון צד שרת שהסוכן מציע כאל השערה, אלא אם ראיות נפרדות שהושגו בהרשאה תומכות בו. שחזור ממשק שנצפה ושחזור המימוש המקורי שלו הם טענות שונות. הראיות והמגבלות של REA מסייעות להבהיר את הגבול הזה; הסוכן עדיין צריך לכבד אותו.
לכידות מהדפדפן עשויות לכלול נתונים ייחודיים לסשן, גופי בקשות או כתובות URL רגישות. REA מבצע ניתוח מקומי, אך תוצאות הכלים המוחזרות נשלחות לסוכן התכנות שלכם וכפופות למדיניות הנתונים של ספק המודל שלו. השאלות הנפוצות הרשמיות של REA מסבירות את גבול העברת הנתונים הזה. שתפו רק תצפיות המתאימות למשימה ולהרשאה שלכם.
אילו שאלות עולות כשבוחרים ביניהם?
האם REA הוא תחליף ל־Chrome DevTools?
REA מספק ממשק חקירה לסוכן תכנות. DevTools מספק ניפוי שגיאות ישיר בדפדפן וחלוניות אבחון ייעודיות. שימוש ב־DevTools לאימות ממצא של REA הוא שילוב מועיל.
האם צריך Hopper, Ghidra או IDA בשביל אתר?
תהליך העבודה בדפדפן של REA דורש דפדפן תואם ואת החיבור המקומי המתועד שלו. מנועים לניתוח קוד מכונה משמשים לניתוח מעמיק ונפרד של קבצים בינאריים בקוד מכונה, ולא לבדיקה רגילה של דפים.
האם REA פועל בתוך האתר הזה?
לא. reverseengineeranything.tools מפרסם דוגמאות מהקהילה ומדריכים. התקינו את חבילת REA הרשמית במחשב שלכם כדי לבצע חקירות; באתר הזה אין אפשרות להעלות קבצים לניתוח או להריץ ניתוח על שרת האתר.
האם אפשר להשתמש ב־DevTools ללא מודל בינה מלאכותית?
כן. Chrome DevTools זמין ישירות בתוך Chrome. גם ה־CLI של REA יכול להריץ תהליכי עבודה נתמכים ללא סוכן תכנות, ואילו חקירה ב־REA המונעת בידי סוכן משתמשת בגישה למודל ובתנאים של אותו לקוח.
איך מתחילים להשתמש ב־REA עם סוכן?
קראו את המדריך שלנו לחקירה ראשונה, ואז פעלו לפי מדריכי ההגדרה והדפדפן הרשמיים. ודאו מהי רשימת הכלים של השרת המותקן שלכם; תכונות המתועדות בענף main של המאגר עשויות להיות חדשות יותר מהחבילה שפורסמה.