ปัญหา: ค้นหาและแก้ไขปัญหา

Sam Dutton
Sofia Emelianova
Sofia Emelianova
GitHub

ใช้แผงปัญหาเพื่อค้นหาวิธีแก้ปัญหาที่เบราว์เซอร์ตรวจพบ เช่น ปัญหาเกี่ยวกับคุกกี้และเนื้อหาแบบผสม

ภาพรวม

การรวบรวมและจัดกลุ่มปัญหาที่พบบ่อยในแผงปัญหาจะช่วยลดการแจ้งเตือนที่มากเกินไปและความไม่เป็นระเบียบใน Console

ปัจจุบันแผงปัญหาจะรายงานข้อมูลต่อไปนี้

Chrome เวอร์ชันต่อๆ ไปจะรองรับปัญหาประเภทอื่นๆ เพิ่มเติม

เปิดแผงปัญหา

  1. ไปที่หน้าที่มีปัญหาเพื่อแก้ไข
  2. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ

  3. คลิกปุ่มปัญหาที่เปิดอยู่ข้างการตั้งค่า การตั้งค่าที่มุมขวาของแถบการดำเนินการที่ด้านบน ปุ่มนี้อาจมีไอคอนสีแดง เกิดข้อผิดพลาด สีเหลือง คำเตือน หรือสีน้ำเงิน ข้อมูล ขึ้นอยู่กับความรุนแรงของปัญหา

    ปุ่ม "ปัญหาที่เปิดอยู่" ที่มีไอคอนสีแดง

    หรือเลือกปัญหาจากเมนูเมนูเครื่องมือเพิ่มเติม เครื่องมือเพิ่มเติม

    แผงปัญหาในเมนูเครื่องมือเพิ่มเติม

  4. เมื่ออยู่ในแผงปัญหาแล้ว คุณอาจต้องโหลดหน้าเว็บซ้ำเพื่อดูปัญหาเพิ่มเติม ซึ่งคราวนี้เกิดขึ้นระหว่างการโหลดหน้าเว็บ

    แผงปัญหาที่มีปัญหาอีก 1 รายการที่พบหลังจากโหลดหน้าเว็บซ้ำ

Console อาจแสดงปัญหาที่เบราว์เซอร์รายงานด้วย อย่างไรก็ตาม คุณจะเห็นว่าปัญหาดังกล่าว (เช่น คำเตือนเกี่ยวกับคุกกี้ในภาพหน้าจอด้านล่าง) เข้าใจได้ยาก ไม่ชัดเจนว่าคุณต้องทำอะไรเพื่อแก้ไข

คอนโซลที่มีคำเตือนเกี่ยวกับคุกกี้ที่ไม่ชัดเจน

ในทางกลับกัน แผงปัญหาจะให้ข้อมูลเชิงลึกที่นำไปใช้ได้จริง

ดูรายการในแผงปัญหา

แผงปัญหาจะแสดงคำเตือนจากเบราว์เซอร์ในลักษณะที่มีโครงสร้าง รวบรวม และดำเนินการได้

  1. คลิกรายการในแผงปัญหาเพื่อขยายปัญหาและรับคำแนะนำเกี่ยวกับวิธีแก้ไขและค้นหาทรัพยากรที่ได้รับผลกระทบ

    แผงปัญหาที่มีปัญหาเกี่ยวกับคุกกี้ข้ามเว็บไซต์ขยายแล้ว

    แต่ละรายการมีองค์ประกอบ 4 อย่าง ได้แก่

    • พาดหัวที่อธิบายปัญหา
    • คำอธิบายที่ให้บริบทและวิธีแก้ปัญหา
    • ส่วนแหล่งข้อมูลที่ได้รับผลกระทบซึ่งลิงก์ไปยังแหล่งข้อมูลภายในบริบท DevTools ที่เหมาะสม เช่น เครือข่าย แหล่งที่มา องค์ประกอบ และแผงอื่นๆ
    • ลิงก์ไปยังคำแนะนำเพิ่มเติม

  2. คลิกรายการในแหล่งข้อมูลที่ได้รับผลกระทบเพื่อดูปัญหาในบริบท

จัดกลุ่มปัญหาตามประเภท

แผงปัญหาจะนับจำนวนทรัพยากรที่ได้รับผลกระทบสำหรับแต่ละปัญหาและแสดงไว้ข้างพาดหัวของปัญหา นอกจากนี้ คุณยังจัดระเบียบปัญหาตามความรุนแรงได้ในกลุ่ม 3 ประเภทต่อไปนี้

  • เกิดข้อผิดพลาด ข้อผิดพลาดของหน้าเว็บที่ Chrome รายงาน
  • คำเตือน การเปลี่ยนแปลงที่ส่งผลกับส่วนอื่นในระบบ เช่น การเลิกใช้งาน
  • ข้อมูล การปรับปรุงที่เครื่องมือสำหรับนักพัฒนาเว็บแนะนำ

หากต้องการจัดกลุ่มปัญหา ให้เลือกช่องทำเครื่องหมาย จัดกลุ่มตามประเภทในแถบการดำเนินการที่ด้านบนของแผงปัญหา

ปัญหาที่จัดกลุ่มเป็น 3 ประเภท ได้แก่ ข้อผิดพลาดของหน้าเว็บ การเปลี่ยนแปลงที่ส่งผลกับส่วนอื่นในระบบ และการปรับปรุง

รวมปัญหาของบุคคลที่สาม

แผงปัญหาจะแสดงปัญหาคุกกี้ของบุคคลที่สามโดยค่าเริ่มต้น

คุณจะเห็นปัญหาเกี่ยวกับคุกกี้ของบุคคลที่สามในส่วนแหล่งข้อมูลที่ได้รับผลกระทบที่ไม่มีลิงก์

คุกกี้ของบุคคลที่สามที่ไม่มีทรัพยากรที่ลิงก์ในส่วนทรัพยากรที่ได้รับผลกระทบ

หากต้องการซ่อนปัญหาดังกล่าว ให้ล้างล้าง รวมปัญหาคุกกี้ของบุคคลที่สามในแถบการดำเนินการที่ด้านบนของแผงปัญหา

ซ่อนปัญหา

หากต้องการซ่อนปัญหา ให้เลือกซ่อนปัญหาแบบนี้จากเมนู 3 จุดเมนู 3 จุดข้างปัญหา

ตัวเลือกซ่อนปัญหาที่คล้ายกันในเมนู 3 จุดข้างปัญหา

หากต้องการดูรายการปัญหาที่ซ่อนไว้ ให้เลื่อนลงไปที่ส่วนปัญหาที่ซ่อนไว้ แล้วขยายส่วนดังกล่าว

ส่วนปัญหาที่ซ่อนอยู่

หากต้องการแสดงปัญหาทั้งหมด ให้คลิกเลิกซ่อนทั้งหมด หากต้องการแสดงปัญหาที่เฉพาะเจาะจง ให้เลือกซ่อนปัญหาเช่นนี้จากเมนูเมนู 3 จุด 3 จุดข้างปัญหา

นอกจากนี้ เมื่อเปิดใช้การจัดกลุ่ม คุณจะซ่อนกลุ่มปัญหาทั้งหมดได้โดยใช้เมนู 3 จุดเดียวกันที่อยู่ข้างกลุ่ม

เมนู 3 จุดที่มีตัวเลือกในการซ่อนกลุ่มการปรับปรุง

ดูปัญหาในบริบท

วิธีตรวจสอบปัญหา

  1. ในส่วนทรัพยากรที่ได้รับผลกระทบ ให้คลิกลิงก์ทรัพยากรเพื่อดูรายการในบริบทที่เหมาะสมภายใน DevTools ลิงก์จะนำคุณไปยังแผงเครือข่าย

    ส่วนทรัพยากรที่ได้รับผลกระทบพร้อมลิงก์ไปยังคำขอที่ได้รับผลกระทบ

  2. เลื่อนเพื่อดูรายการที่มีปัญหา ในกรณีนี้คือคุกกี้ ck02 วางเมาส์เหนือข้อมูลไอคอนข้อมูลทางด้านขวาเพื่อดูปัญหาและวิธีแก้ไข

    แผงเครือข่ายจะแสดงเคล็ดลับเครื่องมือเมื่อคุณวางเมาส์เหนือไอคอนข้อมูล