ניפוי באגים במצב 'דפדפן ללא GUI'

Mathias Bynens

Peter Kvitek

מכיוון ש-Chrome למעשה לא נראה במצב Headless, יכול להיות שייראה לכם מסובך לפתור בעיה. אפשר לנפות באגים ב-Headless Chrome באופן שדומה מאוד לניפוי באגים ב-Chrome עם ממשק משתמש.

מפעילים את Chrome במצב Headless עם הדגל --remote-debugging-port בשורת הפקודה.

chrome --headless --remote-debugging-port=0 https://developer.chrome.com/

כתובת ה-URL הייחודית של WebSocket מודפסת ב-stdout, לדוגמה:

DevTools listening on ws://127.0.0.1:60926/devtools/browser/b4bd6eaa-b7c8-4319-8212-225097472fd9

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

1. עוברים אל chrome://inspect ולוחצים על הלחצן הגדרה….
2. מזינים את כתובת ה-IP ואת מספר היציאה מכתובת ה-URL של WebSocket, לדוגמה, 127.0.0.1:60926.
3. לוחצים על סיום. אמור להופיע יעד מרוחק עם כל הכרטיסיות שלו ויעדים אחרים ברשימה.
4. לוחצים על בדיקה כדי לגשת לכלי הפיתוח ל-Chrome ולבדוק את היעד המרוחק של Headless, כולל תצוגה פעילה של הדף.