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

Sam Dutton

Sofia Emelianova

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

ภาพรวม

การรวบรวมและจัดกลุ่มปัญหาทั่วไป ทำให้แผงปัญหาลดความยุ่งยากและความยุ่งยากในการแจ้งเตือนในคอนโซล

ในตอนนี้ แผงปัญหาจะมีลักษณะต่อไปนี้

• ปัญหาเกี่ยวกับคุกกี้
• เนื้อหาผสม
• ปัญหาเกี่ยวกับ COEP
• ข้อผิดพลาด CORS
• ปัญหาเกี่ยวกับโหมดที่ไม่มาตรฐาน
• (ตัวอย่าง) ปัญหาคอนทราสต์ต่ำ
• ปัญหาเกี่ยวกับกิจกรรมบนเว็บและแอปที่เชื่อถือได้
• ปัญหาการโหลดสไตล์ชีต
• กฎ CSS @property รายการไม่ถูกต้อง
• การละเมิดนโยบายรักษาความปลอดภัยเนื้อหา
• ปัญหาเกี่ยวกับแอตทริบิวต์การเติมข้อความอัตโนมัติ

Chrome เวอร์ชันในอนาคตจะรองรับปัญหาประเภทต่างๆ มากขึ้น

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

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

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

   

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

   

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

   

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

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

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

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

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

   

   โดยแต่ละรายการจะมีส่วนประกอบ 4 ส่วน ได้แก่

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

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

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

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

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

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

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

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

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

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

ซ่อนปัญหา

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

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

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

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

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

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

1. ในส่วนแหล่งข้อมูลที่ได้รับผลกระทบ ให้คลิกลิงก์ทรัพยากรเพื่อดูรายการในบริบทที่เหมาะสมภายในเครื่องมือสำหรับนักพัฒนาเว็บ ด้วยวิธีนี้ ตัวอย่างเช่น คลิก samesite-sandbox.glitch.me เพื่อแสดงคุกกี้ที่แนบมากับคำขอนั้น ลิงก์จะนำคุณไปยังแผงเครือข่าย

   

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