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

Dale St. Marthe
Dale St. Marthe

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

סקירה כללית

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

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

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

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

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

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

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

    • macOS: ‏ Command+Shift+P
    • Windows, ‏ Linux, ‏ ChromeOS: ‏ Control+Shift+P תפריט הפקודות עם
  3. מתחילים להקליד Protocol monitor, בוחרים באפשרות הצגת מוניטור הפרוטוקול ומקישים על Enter. ב-DevTools מוצגת החלונית Protocol monitor (מעקב אחר פרוטוקולים) בתחתית החלון של DevTools.

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

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

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

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

כפתור ההקלטה בחלונית של מוניטור הפרוטוקול.

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

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

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

שיטה שמודגשת בחלונית של 'ניטור פרוטוקול'.

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

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

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

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

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

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

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

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

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

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

התפריט הנפתח של הטירגוט מודגש במוניטור הפרוטוקול.

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

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

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

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