คู่มือนี้มีจุดมุ่งหมายเพื่อช่วยผู้ใช้ที่พึ่งพาเทคโนโลยีความช่วยเหลือพิเศษ (AT) เป็นหลัก เช่น โปรแกรมอ่านหน้าจอ ให้เข้าถึงและใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือ ชุดเครื่องมือสำหรับนักพัฒนาเว็บที่สร้างขึ้นในเบราว์เซอร์ Google Chrome ดูข้อมูลอ้างอิงการช่วยเหลือพิเศษหากคุณกำลังมองหาฟีเจอร์ของเครื่องมือสำหรับนักพัฒนาเว็บ ที่เกี่ยวข้องกับการปรับปรุงการช่วยเหลือพิเศษของหน้าเว็บ
การช่วยเหลือพิเศษของเครื่องมือสำหรับนักพัฒนาเว็บยังอยู่ระหว่างการพัฒนา แผงและแท็บบางรายการทำงานได้ดีกว่าแท็บอื่นๆ เมื่อใช้กับ AT คู่มือนี้จะแนะนำ แผงที่เข้าถึงได้มากที่สุด และไฮไลต์ปัญหาเฉพาะที่คุณอาจ พบระหว่างทาง
ภาพรวม
DevTools แบ่งออกเป็นชุดแผงซึ่งจัดระเบียบเป็น
ARIA tablist เช่น
- แผงองค์ประกอบช่วยให้คุณดูและเปลี่ยนโหนด DOM หรือ CSS ได้
- แผงคอนโซลช่วยให้คุณอ่านบันทึก JavaScript และแก้ไขออบเจ็กต์แบบสดได้
ภายในพื้นที่เนื้อหาของแต่ละแผงจะมีเครื่องมือต่างๆ มากมาย ซึ่งมักเรียกว่าแท็บหรือแผงในเอกสารประกอบ เช่น แผงองค์ประกอบมีแท็บเพิ่มเติมสำหรับตรวจสอบเครื่องมือฟังเหตุการณ์ แผนผังการช่วยเหลือพิเศษ และอื่นๆ อีกมากมาย ความแตกต่างระหว่างแท็บกับบานหน้าต่างนั้น ค่อนข้างจะขึ้นอยู่กับดุลยพินิจ เหตุผลเดียวที่คุณจะเห็นคำใดคำหนึ่งคือเพื่อ รักษาความสอดคล้องกับเอกสารประกอบ DevTools อย่างเป็นทางการที่เหลือ
แป้นพิมพ์ลัด
ข้อมูลอ้างอิงแป้นพิมพ์ลัดของเครื่องมือสำหรับนักพัฒนาเว็บเป็นชีตสรุปที่มีประโยชน์ อย่าลืม บุ๊กมาร์กหน้านี้และกลับมาดูอีกครั้งขณะที่คุณสำรวจแผงต่างๆ
เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
โปรดอ่านหัวข้อเปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อเริ่มต้น คุณเปิดเครื่องมือสำหรับนักพัฒนาเว็บได้หลายวิธี ไม่ว่าจะผ่านแป้นพิมพ์ลัดหรือรายการเมนู
ไปยังแผงต่างๆ
คุณไปยังแผงต่างๆ ได้โดยใช้แป้นพิมพ์ เมนูคำสั่ง หรือใช้ เมาส์หรือแทร็กแพด
ไปยังส่วนต่างๆ โดยใช้แป้นพิมพ์
- เมื่อเปิด DevTools แล้ว ให้กด Control+] หรือ Command+] (Mac) เพื่อโฟกัสแผงถัดไป
- กด Control+[ หรือ Command+[ (Mac) เพื่อโฟกัสแผงก่อนหน้า
- นอกจากนี้ คุณยังใช้ Shift+Tab เพื่อย้ายโฟกัสไปยัง
tablistของแผงและใช้ปุ่มลูกศรเพื่อเปลี่ยนแผงได้ด้วย แม้ว่าการใช้แป้นพิมพ์ลัดที่กล่าวถึงก่อนหน้านี้อาจเร็วกว่าก็ตาม
ปัญหาที่ทราบ
- แผงบางแผง เช่น แผงคอนโซลและประสิทธิภาพ อาจย้ายโฟกัสไปยังพื้นที่เนื้อหาทันทีที่เปิดใช้งาน ซึ่งอาจทำให้ การไปยังส่วนต่างๆ ด้วยแป้นลูกศรทำได้ยาก
- ระบบจะประกาศชื่อแผงที่เลือก แต่จะประกาศหลังจากที่โปรแกรมอ่านหน้าจอ อ่านเนื้อหาที่โฟกัสในแผงแล้วเท่านั้น ซึ่งอาจทำให้พลาดได้ง่าย
ไปยังส่วนต่างๆ โดยใช้เมนูคำสั่ง
หากต้องการโฟกัสที่แผงใดแผงหนึ่ง ให้ใช้เมนูคำสั่ง
- เมื่อเปิด DevTools แล้ว ให้กด Control+Shift+P หรือ Command+Shift+P (Mac) เพื่อเปิดเมนูคำสั่ง เมนูคำสั่งคือช่องคำสั่งแบบเลื่อนลงที่มีการเติมข้อความอัตโนมัติแบบค้นหาคร่าวๆ
- พิมพ์ชื่อแผงที่ต้องการเปิด แล้วใช้แป้นพิมพ์ลูกศรลงเพื่อ ไปยังตัวเลือกที่ถูกต้อง
- กด Enter เพื่อเรียกใช้คำสั่ง
เช่น หากต้องการเปิดแผงองค์ประกอบ ให้ทำดังนี้
- เปิดเมนูคำสั่ง
- พิมพ์ E แล้วตามด้วย L เลือกตัวเลือกแผง > แสดงองค์ประกอบ
- กด Enter เพื่อเรียกใช้คำสั่งที่เปิดแผง
การเปิดแผงด้วยวิธีนี้จะเปลี่ยนโฟกัสไปยังเนื้อหาของแผงนั้นๆ ในกรณีของแผงองค์ประกอบ โฟกัสจะย้ายไปที่แผนผัง DOM
แผงองค์ประกอบ
ตรวจสอบองค์ประกอบในหน้า
- ไปยังองค์ประกอบที่ต้องการตรวจสอบโดยใช้เคอร์เซอร์ของโปรแกรมอ่านหน้าจอ
- จำลองการคลิกขวาของเมาส์ในองค์ประกอบเพื่อเปิดเมนูตามบริบท
- เลือกตัวเลือกตรวจสอบ ซึ่งจะเปิดแผงองค์ประกอบและ โฟกัสองค์ประกอบในแผนผัง DOM
แผนผัง DOM จะแสดงเป็น ARIA tree ดูตัวอย่างได้ที่
ไปยังแผนผัง DOM ด้วยแป้นพิมพ์
คัดลอกโค้ดสำหรับองค์ประกอบในแผนผัง DOM
- เมื่อโฟกัสที่โหนดในแผนผัง DOM ให้เปิดเมนูตามบริบทของคลิกขวา
- ขยายตัวเลือกคัดลอก
- เลือกคัดลอก outerHTML
ปัญหาที่ทราบ
- คัดลอก
outerHTMLมักจะเลือกโหนดระดับบนสุดแทนที่จะเป็นโหนดที่ต้องการ อย่างไรก็ตาม เนื้อหาขององค์ประกอบควรยังคงอยู่ใน คัดลอกภายในouterHTML
แก้ไขแอตทริบิวต์ขององค์ประกอบในแผนผัง DOM
- เมื่อโฟกัสอยู่ที่โหนดในDOM Tree ให้กด Enter เพื่อให้แก้ไขได้
- กด Tab เพื่อย้ายไปมาระหว่างค่าแอตทริบิวต์ เมื่อได้ยินคำว่า "space" คุณจะอยู่ในช่องป้อนข้อความที่ว่างและสามารถพิมพ์ค่าแอตทริบิวต์ใหม่ได้
- กด Control+Enter หรือ Command+Enter (Mac) เพื่อยอมรับการเปลี่ยนแปลงและฟังเนื้อหาทั้งหมดขององค์ประกอบ
ปัญหาที่ทราบ
- เมื่อพิมพ์ในช่องป้อนข้อความ คุณจะไม่ได้รับความคิดเห็น หากคุณพิมพ์ผิดและ ใช้ปุ่มลูกศรเพื่อสำรวจข้อความที่ป้อน คุณจะไม่ได้รับความคิดเห็น วิธีที่ง่ายที่สุด ในการตรวจสอบงานคือการยอมรับการเปลี่ยนแปลง แล้วฟังการประกาศ องค์ประกอบทั้งหมด
แก้ไข HTML ขององค์ประกอบในแผนผัง DOM
- เมื่อโฟกัสอยู่ที่โหนดในDOM Tree ให้กด Enter เพื่อให้แก้ไขได้
- กด Tab เพื่อย้ายไปมาระหว่างค่าแอตทริบิวต์ เมื่อได้ยินชื่อองค์ประกอบ เช่น
h2แสดงว่าคุณอยู่ในช่องป้อนข้อความและอาจเปลี่ยนประเภทขององค์ประกอบได้ - กด Control+Enter หรือ Command+Enter (Mac) เพื่อยอมรับการเปลี่ยนแปลง
เช่น การพิมพ์ h3 แล้วกด Control+Enter หรือ
Command+Enter (Mac) จะเปลี่ยนแท็กเริ่มต้นและแท็กสิ้นสุดขององค์ประกอบเป็น h3
แท็บแผงองค์ประกอบ
แผงองค์ประกอบมีแท็บเพิ่มเติมสำหรับตรวจสอบสิ่งต่างๆ เช่น CSS ที่ใช้กับองค์ประกอบหรือตำแหน่งขององค์ประกอบในแผนผังการช่วยเหลือพิเศษ
- เมื่อโฟกัสอยู่ที่โหนดในแผนผัง DOM ให้กด Tab จนกว่าคุณจะได้ยินว่ามีการเลือกแผงรูปแบบ
- ใช้ลูกศรขวาเพื่อสำรวจแท็บอื่นๆ ที่มี
DOM Tree จะเปลี่ยนองค์ประกอบที่มีแอตทริบิวต์ href เป็นลิงก์ที่โฟกัสได้ ดังนั้นคุณอาจต้องกดแท็บมากกว่า 1 ครั้งเพื่อไปที่แผงรูปแบบ
ปัญหาที่ทราบ
แท็บเบรกพอยท์ DOM และพร็อพเพอร์ตี้ ไม่สามารถเข้าถึงได้ด้วยแป้นพิมพ์
แผงรูปแบบ
ในบานหน้าต่างรูปแบบ คุณจะเห็นตัวควบคุมสำหรับการกรองรูปแบบ การสลับสถานะขององค์ประกอบ (เช่น :active และ :focus) การสลับคลาส
และการเพิ่มคลาสใหม่ นอกจากนี้ยังมีเครื่องมือตรวจสอบรูปแบบที่มีประสิทธิภาพเพื่อ
สำรวจและแก้ไขรูปแบบที่ใช้กับองค์ประกอบที่โฟกัสในDOM Tree
แนวคิดสำคัญที่ควรทำความเข้าใจเกี่ยวกับแผงสไตล์คือแผงนี้จะแสดงเฉพาะ
สไตล์สำหรับโหนดที่เลือกอยู่ในโครงสร้าง DOM เท่านั้น เช่น สมมติว่าคุณตรวจสอบรูปแบบของโหนด <header> เสร็จแล้ว และตอนนี้ต้องการ
ดูรูปแบบของโหนด <footer> โดยคุณต้องเลือก<footer>โหนดในแผนผัง DOM
คุณอาจพบว่าการใช้เวิร์กโฟลว์ตรวจสอบเพื่อตรวจสอบโหนด
ที่อยู่ใกล้กับโหนด footer (เช่น ลิงก์ภายใน
ส่วนท้าย) จะเร็วกว่า ซึ่งจะโฟกัสแผนผัง DOM จากนั้นใช้แป้นพิมพ์เพื่อไปยัง
โหนดที่ต้องการ
ไปยังส่วนต่างๆ ของแผงรูปแบบ
เนื่องจากเครื่องมือจัดรูปแบบทั้งหมดเชื่อมต่อกันไม่ทางใดก็ทางหนึ่งกับแผงรูปแบบ จึงควรทำความเข้าใจเครื่องมือนี้ให้เชี่ยวชาญก่อน
- เมื่อโฟกัสอยู่ที่แผงสไตล์ ให้กด Tab เพื่อย้ายโฟกัสไปที่ด้านใน และสำรวจเนื้อหา
- กด Tab จนกว่าสไตล์แรกจะใช้งานได้ หากใช้โปรแกรมอ่านหน้าจอ ระบบจะประกาศสไตล์แรกนี้เป็น "
element.style {}" - กดลูกศรลงเพื่อไปยังรายการรูปแบบตามลำดับ
ความเฉพาะเจาะจง โปรแกรมอ่านหน้าจอจะประกาศแต่ละสไตล์โดยเริ่มจากชื่อของ
ไฟล์ CSS หมายเลขบรรทัดที่สไตล์ปรากฏ และชื่อสไตล์
เอง เช่น "
main.css:233.card__img {}" - กด Enter เพื่อตรวจสอบสไตล์อย่างละเอียด โฟกัสจะเริ่มที่ชื่อรูปแบบเวอร์ชันที่แก้ไขได้
- กดแท็บเพื่อเลื่อนไปมาระหว่างเวอร์ชันที่แก้ไขได้ของพร็อพเพอร์ตี้ CSS แต่ละรายการ และค่าที่เกี่ยวข้อง ที่ส่วนท้ายของบล็อกสไตล์แต่ละบล็อกจะมีช่องข้อความที่ว่างเปล่า ซึ่งแก้ไขได้ ซึ่งคุณใช้เพื่อเพิ่มพร็อพเพอร์ตี้ CSS เพิ่มเติมได้
- คุณสามารถกด Tab ต่อไปเพื่อเลื่อนดูรายการรูปแบบ หรือกด Escape เพื่อออกจากโหมดนี้และกลับไปไปยังส่วนต่างๆ โดยใช้ ปุ่มลูกศร
อ่านข้อมูลอ้างอิงแป้นพิมพ์สำหรับบานหน้าต่างรูปแบบเพื่อดูแป้นพิมพ์ลัดเพิ่มเติม
ปัญหาที่ทราบ
- หากใช้ช่องข้อความที่แก้ไขได้ของตัวกรอง คุณจะไปยังส่วนต่างๆ ของรายการ สไตล์ไม่ได้
เปิด/ปิดสถานะองค์ประกอบ
วิธีสลับสถานะขององค์ประกอบ เช่น :active หรือ :focus
- ไปที่แผงรูปแบบ แล้วกด Tab จนกว่าปุ่มสลับสถานะองค์ประกอบจะได้รับโฟกัส
- กด Enter เพื่อขยายคอลเล็กชันสถานะขององค์ประกอบ สถานะขององค์ประกอบจะแสดงเป็นกลุ่มช่องทำเครื่องหมาย
- กด Tab จนกว่ารัฐแรก
:activeจะมีโฟกัส - กดแป้นเว้นวรรคเพื่อเปิดใช้ หากองค์ประกอบที่เลือกอยู่ในปัจจุบันใน DOM Tree มีสไตล์
:activeตอนนี้ระบบจะใช้สไตล์ดังกล่าวแล้ว - กดTab ต่อไปเพื่อสำรวจสถานะทั้งหมดที่ใช้ได้
เพิ่มชั้นเรียนที่กำลังจะสิ้นสุด
ข้างปุ่มสลับสถานะองค์ประกอบคือปุ่มคลาสขององค์ประกอบ ย้ายโฟกัสไปที่ปุ่มดังกล่าวโดยกด Tab แล้วกด Enter โฟกัส จะย้ายไปที่ช่องข้อความแก้ไขที่มีป้ายกำกับว่าเพิ่มชั้นเรียนใหม่
ปุ่มคลาสขององค์ประกอบใช้เพื่อเพิ่มคลาสที่มีอยู่ลงใน
องค์ประกอบเป็นหลัก ตัวอย่างเช่น หากสไตล์ชีตมีคลาสตัวช่วยชื่อ
.clearfix คุณสามารถกด . ภายในช่องข้อความแก้ไขเพื่อดู
รายการคำแนะนำของคลาส และใช้ลูกศรลงเพื่อค้นหาคำแนะนำ .clearfix หรือพิมพ์ชื่อชั้นเรียนด้วยตนเอง แล้วกด
Enter เพื่อใช้
เพิ่มกฎสไตล์ใหม่
ปุ่มกฎรูปแบบใหม่จะอยู่ข้างปุ่มคลาสขององค์ประกอบ ย้ายโฟกัสไปที่ปุ่มโดยกด Tab แล้วกด Enter โฟกัส จะย้ายไปยังช่องข้อความที่แก้ไขได้ภายในเครื่องมือตรวจสอบสไตล์ เนื้อหาข้อความเริ่มต้นของฟิลด์คือชื่อแท็กขององค์ประกอบที่เลือกในแผนผัง DOM คุณสามารถพิมพ์ชื่อคลาสที่ต้องการลงในช่องนี้ แล้วกดแท็บเพื่อกำหนดพร็อพเพอร์ตี้ CSS ให้กับคลาสนั้น
แท็บที่คำนวณแล้ว
เมื่อโฟกัสอยู่ที่แท็บที่คำนวณแล้ว ให้กด Tab เพื่อย้ายโฟกัส เข้าไปด้านในและสำรวจเนื้อหา ภายในแท็บที่คำนวณจะมีตัวควบคุม สำหรับการสำรวจว่าพร็อพเพอร์ตี้ CSS ใดที่ใช้กับองค์ประกอบจริงตามลำดับ ของความเฉพาะเจาะจง
สำรวจสไตล์ที่คำนวณแล้วทั้งหมด
กด Tab จนกว่าจะถึงคอลเล็กชันของรูปแบบที่คำนวณแล้ว โดยจะแสดงเป็น ARIA tree การขยายกล่องรายการจะแสดงตัวเลือก CSS
ที่ใช้รูปแบบที่คำนวณแล้ว ระบบจะจัดระเบียบตัวเลือกเหล่านี้ตามความเฉพาะเจาะจง
โปรแกรมอ่านหน้าจอจะประกาศค่าที่คำนวณแล้ว ตัวเลือก CSS ที่ตรงกัน ชื่อไฟล์ของชีตสไตล์ที่มีตัวเลือก และหมายเลขบรรทัด สำหรับตัวเลือก
ปัญหาที่ทราบ
- หากใช้ช่องข้อความตัวกรอง คุณจะตรวจสอบรูปแบบไม่ได้อีกต่อไป
แท็บ Listener เหตุการณ์
จากภายในแผงองค์ประกอบ คุณสามารถตรวจสอบ Listener เหตุการณ์ที่ใช้กับองค์ประกอบได้โดยใช้แท็บ Listener เหตุการณ์ เมื่อโฟกัสอยู่ที่แผงลักษณะ ให้กดลูกศรขวาเพื่อไปยังแท็บตัวฟังเหตุการณ์
สำรวจ Listener เหตุการณ์
ระบบจะแสดง Listener เหตุการณ์เป็น ARIA tree คุณใช้ปุ่มลูกศรเพื่อ
ไปยังส่วนต่างๆ ได้ โปรแกรมอ่านหน้าจอจะประกาศชื่อของออบเจ็กต์ DOM ที่แนบ Listener เหตุการณ์ รวมถึงชื่อไฟล์ที่กำหนด Listener เหตุการณ์ และหมายเลขบรรทัด
แผงการช่วยเหลือพิเศษ
เมื่อโฟกัสอยู่ที่แผงการช่วยเหลือพิเศษ ให้กด Tab เพื่อย้าย โฟกัสภายในและสำรวจเนื้อหา ภายในแผงการช่วยเหลือพิเศษจะมีตัวควบคุมสำหรับสำรวจแผนผังการช่วยเหลือพิเศษ แอตทริบิวต์ ARIA ที่ใช้กับองค์ประกอบ และพร็อพเพอร์ตี้การช่วยเหลือพิเศษที่คำนวณแล้ว
แผนผังการช่วยเหลือพิเศษ
Accessibility Tree จะแสดงเป็น ARIA tree โดยที่ treeitem
แต่ละรายการจะสอดคล้องกับองค์ประกอบใน DOM โดยจะประกาศบทบาทที่คำนวณแล้วสำหรับ
โหนดที่เลือก องค์ประกอบทั่วไป เช่น div และ span จะประกาศเป็น
"GenericContainer" ในโครงสร้าง ใช้ปุ่มลูกศรเพื่อไปยังส่วนต่างๆ ของโครงสร้างแบบต้นไม้และ
สำรวจความสัมพันธ์ระหว่างองค์ประกอบหลักกับองค์ประกอบย่อย
ปัญหาที่ทราบ
- ประเภทของแผนผัง ARIA ที่ใช้โดยแผงการช่วยเหลือพิเศษอาจไม่พร้อมใช้งานในโปรแกรมอ่านหน้าจอของ Chrome สำหรับ Mac OS เช่น VoiceOver โปรดติดตามปัญหา #868480 ของ Chromium เพื่อรับทราบความคืบหน้าเกี่ยวกับปัญหานี้
- ส่วนแอตทริบิวต์ ARIA และพร็อพเพอร์ตี้ที่คำนวณแล้วจะมีการมาร์กอัปเป็น แผนผัง ARIA แต่จะไม่มีการจัดการโฟกัส ซึ่งหมายความว่าส่วนเหล่านี้ ใช้แป้นพิมพ์ไม่ได้
แผงการตรวจสอบ
แผงการตรวจสอบช่วยให้คุณเรียกใช้ชุดการทดสอบกับเว็บไซต์เพื่อตรวจสอบปัญหาที่พบบ่อยซึ่งเกี่ยวข้องกับประสิทธิภาพ ความสามารถในการเข้าถึง SEO และหมวดหมู่อื่นๆ อีกมากมายได้
กำหนดค่าและเรียกใช้การตรวจสอบ
- เมื่อเปิดแผงการตรวจสอบเป็นครั้งแรก โฟกัสจะอยู่ที่ปุ่มเรียกใช้การตรวจสอบที่ท้ายแบบฟอร์ม โดยค่าเริ่มต้น ระบบจะกำหนดค่าแบบฟอร์มให้เรียกใช้การตรวจสอบสำหรับทุกหมวดหมู่โดยใช้การจำลองมือถือในการเชื่อมต่อ 3G จำลอง
- ใช้ Shift+Tab หรือกลับไปในโหมดเรียกดูเพื่อ เปลี่ยนการตั้งค่าการตรวจสอบ
- เมื่อพร้อมที่จะเรียกใช้การตรวจสอบแล้ว ให้กลับไปที่ปุ่มเรียกใช้การตรวจสอบ แล้วกด Enter
- โฟกัสจะย้ายไปยังหน้าต่างแบบโมดัลที่มีปุ่มยกเลิก ซึ่งช่วยให้คุณออกจากการตรวจสอบได้ คุณอาจได้ยินเสียงเตือนหลายครั้งขณะที่การตรวจสอบทำงานและรีเฟรช หน้าเว็บหลายครั้ง
ปัญหาที่ทราบ
- ไม่ได้มาร์กอัปส่วนต่างๆ ของแบบฟอร์มการกำหนดค่าด้วยองค์ประกอบ
fieldsetคุณอาจไปยังส่วนต่างๆ ได้ง่ายขึ้นในโหมดเรียกดูเพื่อดูว่าตัวควบคุมใดเชื่อมโยงกับแต่ละส่วน - ไม่มีการประกาศเอียร์คอนหรือการประกาศในขอบเขตแบบสดเมื่อการตรวจสอบเสร็จสิ้น โดยทั่วไปจะใช้เวลาประมาณ 30 วินาที หลังจากนั้นคุณควรจะไปยังผลลัพธ์ได้ ใช้โหมดเรียกดูเพื่อไปยังผลการค้นหาอย่างรวดเร็ว
ไปยังส่วนต่างๆ ของรายงานการตรวจสอบ
รายงานการตรวจสอบจะจัดระเบียบเป็นส่วนต่างๆ ที่สอดคล้องกับ
หมวดหมู่การตรวจสอบแต่ละหมวดหมู่ รายงานจะเปิดขึ้นพร้อมกับรายการคะแนนของแต่ละหมวดหมู่
คะแนนเหล่านี้ยังเป็นลิงก์ที่ใช้เพื่อข้ามไปยังส่วนที่เกี่ยวข้องได้ด้วย
ภายในแต่ละส่วนจะมีdetailsองค์ประกอบที่ขยายได้ ซึ่งมีข้อมูล
ที่เกี่ยวข้องกับการตรวจสอบที่ผ่านหรือไม่ผ่าน โดยค่าเริ่มต้น ระบบจะแสดงเฉพาะการตรวจสอบที่ไม่ผ่าน
แต่ละส่วนจะลงท้ายด้วยองค์ประกอบ details สุดท้ายซึ่งมีการตรวจสอบที่ผ่านทั้งหมด
หากต้องการเรียกใช้การตรวจสอบใหม่ ให้ใช้ Shift+Tab เพื่อออกจากรายงาน แล้วมองหาปุ่มทำการตรวจสอบ