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

Dale St. Marthe

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

סקירה

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

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

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

פתיחת צג הפרוטוקול

כדי לפתוח את מעקב הפרוטוקול:

1. צריך לוודא שהניסוי מופעל. מסמנים את התיבה Protocol Monitor בקטע Settingssettings (הגדרות) > ניסויים (ניסויים).

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

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

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

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

תיעוד בקשות ותגובות של CDP

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

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

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

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

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

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

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

ניקוי והורדה של הודעות CDP

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

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

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

יש שתי דרכים עיקריות לשלוח פקודת CDP דרך צג הפרוטוקול:

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

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

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

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

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

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

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