מעקב אחר פרוטוקול: הצגה ושליחה של בקשות CDP

Dale St. Marthe

אפשר להשתמש בצג הפרוטוקול כדי להציג את כל הבקשות והתשובות של CDP שנשלחו על ידי DevTools, ולשלוח פקודות CDP ישירות.

סקירה כללית

כלי הפיתוח ל-Chrome משתמשים בפרוטוקול Chrome DevTools‏ (CDP) כדי לבדוק, לנפות באגים ולבצע פרופיל של דפדפני Chrome. מפתחים יכולים להשתמש בProtocol monitor כדי לעבוד עם ה-CDP באופן פרוגרמטי.

מוניטור הפרוטוקול מאפשר לבצע את הפעולות הבאות:

• איך מתעדים בקשות ותשובות של CDP
• בדיקת הודעות CDP
• שמירת הודעות CDP
• שליחת פקודות CDP

פתיחת מוניטור הפרוטוקול

כדי לפתוח את Protocol monitor:

1. מוודאים שהניסוי מופעל. מסמנים את התיבה Protocol Monitor בקטע Settingssettings > Experiments.

2. כדי לפתוח את תפריט הפקודות, לוחצים על:

   • macOS: ‏ Command+Shift+P
   • Windows, ‏ Linux, ‏ ChromeOS: ‏ Control+Shift+P

3. מתחילים להקליד Protocol monitor, בוחרים באפשרות הצגת מוניטור הפרוטוקול ומקישים על Enter. ב-DevTools מוצגת החלונית Protocol monitor (מעקב אחר פרוטוקולים) בתחתית החלון של DevTools.

לחלופין, בפינה השמאלית העליונה, בוחרים באפשרות more_vert אפשרויות נוספות > כלים נוספים > מעקב אחר פרוטוקולים.

איך מתעדים בקשות ותשובות של CDP

כשפותחים את Protocol monitor, הוא מתחיל להקליט באופן אוטומטי הודעות CDP מהדף הנוכחי. מעקב הפרוטוקול ממשיך להקליט גם אם מרעננים את הדף או סוגרים את DevTools.

כדי להפסיק או להתחיל את ההקלטה, לוחצים על לחצן ההקלטה שמשמאל לסרגל הפעולות בחלק העליון של החלונית.

בדיקת הודעות CDP

כאשר Protocol monitor מתעד, הודעות CDP מתועדות בטבלה בצד ימין של החלונית.

לוחצים על תא של שיטה, בקשה או תגובה כדי לפתוח תצוגה מפורטת של נתוני הבקשה או התגובה בצד שמאל של החלונית.

כדי לעבור בין הנתונים של הבקשה או של התגובה, לוחצים על הכרטיסייה של הכותרת הרלוונטית.

לחיצה ימנית על ערך בעמודה Method תציג אפשרויות שמבוססות על ההקשר.

מחיקה והורדה של הודעות CDP

כדי למחוק את כל ההודעות שתועדו ב-CDP, לוחצים על לחצן הסרת החסימה בסרגל הפעולות.

כדי להוריד את ההודעות שהוקלטו כקובץ JSON, לוחצים על סמל ההורדה download.

שליחת פקודות CDP גולמיות

יש שתי דרכים עיקריות לשלוח פקודה ל-CDP דרך Protocol monitor:

• אם הפקודה לא דורשת פרמטרים, מקלידים אותה בשדה הקלט שבתחתית Protocol Monitor ומקישים על Enter. לדוגמה, Page.captureScreenshot.

  אם הפקודה דורשת פרמטרים, צריך לספק אותם בפורמט JSON, לדוגמה {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.

  התפריט הנפתח שמשמאל לשדה הקלט מציין את היעד.

• אפשר גם להשתמש בעורך CDP כדי לערוך פקודות ולהנפיק אותן:

  1. כדי לפתוח את עורך הפקודות, לוחצים על הלחצן left_panel_open Show CDP command editor (הצגת הכלי לעריכת פקודות CDP) לצד שדה הקלט של הפקודה.
  2. בוחרים יעד מהרשימה הנפתחת ומתחילים להקליד פקודה של CDP לצד שורת הפקודה. ההשלמה האוטומטית מספקת אפשרויות רלוונטיות. בוחרים את הפקודה שבה רוצים להשתמש.
  3. אחרי שמזינים פקודה של CDP, הכלי יוצר טופס מובנה של פרמטרים על סמך הגדרות הפרוטוקול. ממלאים את הפרמטרים האלה כדי לשלוח אותם עם הפקודה.
  4. שולחים את הפקודה בלחיצה על הלחצן send Send command או על Ctrl + Enter.

אפשר גם לערוך ולשלוח מחדש פקודות מהטבלה. לוחצים לחיצה ימנית על פריט בטבלה ובוחרים באפשרות 'עריכה ושליחה מחדש' בתפריט הנפתח. הכלי לעריכת פקודות CDP ייפתח מחדש באופן אוטומטי ויתמלא מראש בפקודה שבחרתם.

מידע נוסף על הכלי לעריכת פקודות CDP זמין במאמר יצירת פקודות Chrome Devtools Protocol ‏ (CDP) ביעילות באמצעות הכלי החדש לעריכת פקודות.