Mathias Bynens
Peter Kvitek
เนื่องจาก Chrome จะมองไม่เห็นในโหมด Headless จึงอาจดูเหมือนว��าการแก้ปัญหาเป็นเรื่องยาก แต่คุณสามารถแก้ไขข้อบกพร่องของ Chrome แบบ Headless ในลักษณะที่คล้ายกับ headful Chrome มากๆ ได้
เปิด Chrome ในโหมด Headless ด้วย Flag บรรทัดคำสั่ง --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
จากนั้นในอินสแตนซ์ headful Chrome เราสามารถใช้ การแก้ไขข้อบกพร่องระยะไกลของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อเชื่อมต่อ กับเป้าหมาย Headless และตรวจสอบเป้าหมายดังกล่าวได้
- ไปที่
chrome://inspectแล้วคลิกปุ่มกำหนดค่า... - ป้อนที่อยู่ IP และหมายเลขพอร์ตจาก URL WebSocket เช่น
127.0.0.1:60926 - คลิกเสร็จสิ้น คุณควรเห็นเป้าหมายระยะไกลปรากฏขึ้นพร้อมกับแท็บและเป้าหมายอื่นๆ ทั้งหมด
- คลิกตรวจสอบ เพื่อเข้าถึงเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome และตรวจสอบเป้าหมาย Headless ระยะไกล รวมถึงดูหน้าแบบสด
