ข้อมูลอ้างอิงฟีเจอร์ของคอนโซล

หน้านี้เป็นข้อมูลอ้างอิงของฟีเจอร์ที่เกี่ยวข้องก��บคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome โดยจะถือว่าคุณคุ้นเคยกับการใช้ Console เพื่อดูข้อความที่บันทึกและเรียกใช้ JavaScript อยู่แล้ว หากไม่เห็น โปรดดูที่เริ่มต้นใช้งาน

หากต้องการทราบข้อมูลอ้างอิง API เกี่ยวกับฟังก์ชันอย่าง console.log() โปรดดูข้อมูลอ้างอิง API ของคอนโซล สำหรับการอ้างอิงเกี่ยวกับฟังก์ชันต่างๆ เช่น monitorEvents() โปรดดูข้อมูลอ้างอิงสำหรับ Console Utiities API

เปิดคอนโซล

คุณเปิดคอนโซลเป็นแผงหรือเป็นแท็บในลิ้นชักได้

เปิดแผงคอนโซล

กด Control+Shift+J หรือ Command+Option+J (Mac)

หากต้องการเปิดคอนโซลจากเมนูคำสั่ง ให้เริ่มพิมพ์ Console แล้วเรียกใช้คำสั่งแสดงคอนโซลที่มีป้ายแผงอยู่ข้างๆ

เปิดคอนโซลในลิ้นชัก

กด Escape หรือคลิกปรับแต่งและควบคุมเครื่องมือสำหรับนักพัฒนาเว็บ แล้วเลือกแสดงลิ้นชักคอนโซล

ลิ้นชักจะปรากฏขึ้นที่��้านล่างของหน้าต่างเครื่องมือสำหรับนักพัฒนาเว็บที่มีแท็บคอนโซลเปิดอยู่

หากต้องการเปิดแท็บคอนโซลจากเมนูคำสั่ง ให้เริ่มพิมพ์ Console แล้วเรียกใช้คำสั่ง Show Console ที่มีป้าย Drawer อยู่ข้างๆ

เปิดการตั้งค่าคอนโซล

คลิก การตั้งค่าคอนโซลที่มุมขวาบนของคอนโซล

ลิงก์ด้านล่างจะอธิบายการตั้งค่าแต่ละรายการ

• ซ่อนเครือข่าย
• เก็บบันทึก
• บริบทที่เลือกเท่านั้น
• จัดกลุ่มข้อความที่คล้ายกันในคอนโซล
• แสดงข้อผิดพลาด CORS ในคอนโซล
• บันทึก XMLHttpRequests
• การประเมินที่ตั้งใจ
• เติมข้อความอัตโนมัติจากประวัติ

เปิดแถบด้านข้างของคอนโซล

คลิก Show Console Sidebar เพื่อแสดง Sidebar ซึ่งมีประโยชน์สำหรับการกรอง

ดูข้อความ

ส่วนนี้ประกอบด้วยฟีเจอร์ที่เปลี่ยนวิธีแสดงข้อความในคอนโซล โปรดดูที่ดูข้อความสำหรับคำแนะนำทีละขั้น

ปิดใช้การจัดกลุ่มข้อความ

เปิดการตั้งค่าคอนโซลและปิดใช้กลุ่มที่คล้ายกันเพื่อปิดใช้ลักษณะการจัดกลุ่มข้อความเริ่มต้นของคอนโซล โปรดดูตัวอย่างในบันทึกคำขอ XHR และการดึงข้อมูล

ดูข้อความจากเบรกพอยท์

คอนโซลจะทำเครื่องหมายข้อความที่ทริกเกอร์โดยเบรกพอยท์ด้วยวิธีต่อไปนี้

• การเรียก console.* ในเบรกพอยท์แบบมีเงื่อนไขซึ่งมีเครื่องหมายคำถามสีส้ม ?
• ข้อความจุดตรวจสอบที่มีจุด 2 จุดสีชมพู ..

หากต้องการข้ามไปยังตัวแก้ไขเบรกพอยท์ในบรรทัดในแผงแหล่งที่มา ให้คลิกลิงก์ Anchor ที่อยู่ข้างข้อความเบรกพอยท์

ดูสแต็กเทรซ

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

หากต้องการดูสแต็กเทรซ ให้คลิกไอคอนขยาย ข้างข้อผิดพลาดหรือคำเตือน

ดูสาเหตุของข้อผิดพลาดในสแต็กเทรซ

คอนโซลจะแสดงห่วงโซ่สาเหตุของข้อผิดพลาดในสแต็กเทรซได้ หากมี

คุณระบุสาเหตุของข้อผิดพลาดเมื่อตรวจพบและแสดงข้อผิดพลาดซ้ำเพื่อให้แก้ไขข้อบกพร่องได้ง่ายขึ้น เมื่อคอนโซลอธิบายห่วงโซ่สาเหตุของปัญหา ก็จะพิมพ์กลุ่มข้อผิดพลาดแต่ละรายการพร้อมด้วยคำนำหน้า Caused by: เพื่อให้คุณพบข้อผิดพลาดเดิม

ดูสแต็กเทรซที่ไม่พร้อมกัน

หากเฟรมเวิร์กที่คุณใช้รองรับหรือเมื่อใช้การจับคู่เบื้องต้นของเบราว์เซอร์ เช่น setTimeout โดยตรง เครื่องมือสำหรับนักพัฒนาเว็บจะติดตามการดำเนินการอะซิงโครนัสได้โดยลิงก์โค้ดอะซิงโครนัสทั้ง 2 ส่วนเข้าด้วยกัน

ในกรณีนี้ สแต็กเทรซจะแสดง "เรื่องราวทั้งหมด" ของการดำเนินการแบบไม่พร้อมกัน

แสดงเฟรมของบุคคลที่สามที่รู้จักในสแต็กเทรซ

เมื่อแมปแหล่งที่มามีช่อง ignoreList โดยค่าเริ่มต้น คอนโซลจะซ่อนจากสแต็กเทรซเฟรมของบุคคลที่สามจากแหล่งที่มาที่สร้างโดย Bundler (เช่น Webpack) หรือเฟรมเวิร์ก (เช่น Angular)

หากต้องการดูสแต็กเทรซทั้งหมดรวมถึงเฟรมของบุคคลที่สาม ให้คลิกแสดงอีก N เฟรมที่ด้านล่างของสแต็กเทรซ

หากต้องการดูสแต็กเทรซทั้งหมด ให้ปิดการตั้งค่า การตั้งค่า > รายการละเว้น > เพิ่มสคริปต์ของบุคคลที่สามที่รู้จักโดยอัตโนมัติลงในรายการละเว้น

บันทึกคำขอ XHR และการดึงข้อมูล

เปิดการตั้งค่า Console และเปิดใช้ Log XMLHttpRequests เพื่อบันทึกคำขอ XMLHttpRequest และ Fetch ทั้งหมดไปยัง Console ทันทีที่เกิดขึ้น

ข้อความด้านบนในตัวอย่างด้านบนแสดงลักษณะการจัดกลุ่มที่เป็นค่าเริ่มต้นของคอนโซล ตัวอย่างด้านล่างแสดงลักษณะของบันทึกเดียวกันหลังจากปิดใช้การจัดกลุ่มข้อความ

คงข้อความในการโหลดหน้าเว็บไว้

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

ซ่อนข้อความเครือข่าย

โดยค่าเริ่มต้น เบราว์เซอร์จะบันทึกข้อความของเครือข่ายไ��ยัง���อนโซล เช่น ข้อความยอดนิยมในตัวอย่างต่อไปนี้ แสดงถึงข้อผิดพลาด 404

วิธีซ่อนข้อความของเครือข่าย

1. เปิดการตั้งค่าคอนโซล
2. เปิดใช้ช่องทำเครื่องหมายซ่อนเครือข่าย

แสดงหรือซ่อนข้อผิดพลาด CORS

คอนโซลจะแสดงข้อผิดพลาด CORS หากคำขอของเครือข่ายล้มเหลวเนื่องจากการแชร์ทรัพยากรข้ามโดเมน (CORS)

วิธีแสดงหรือซ่อนข้อผิดพลาด CORS

1. เปิดการตั้งค่าคอนโซล
2. เลือกหรือล้างช่องทําเครื่องหมายแสดงข้อผิดพลาด CORS ในคอนโซล

หากคอนโซลตั้งค่าให้แสดงข้อผิดพลาด CORS และพบข้อผิดพลาด ให้คลิกปุ่มต่อไปนี้ข้างข้อผิดพลาด

• เพื่อเปิดคำขอที่มีTypeErrorที่เกี่ยวข้องกับ CORS ในแผงเครือข่าย
• เพื่อรับวิธีแก้ปัญหาที่เป็นไปได้ในแท็บปัญหา

กรองข้อความ

คุณกรองข้อความในคอนโซลออกได้หลายวิธี

กรองข้อความในเบราว์เซอร์ออก

เปิดแถบด้านข้างของคอนโซล แล้วคลิกข้อความผู้ใช้ เพื่อแสดงข้อความที่มาจาก JavaScript ของหน้าเว็บเท่านั้น

กรองตามระดับการบันทึก

เครื่องมือสำหรับนักพัฒนาเว็บกำหนดระดับความรุนแรงของเมธอด console.* ส่วนใหญ่

โดยมี 4 ระดับดังนี้

• Verbose
• Info
• Warning
• Error

ตัวอย่างเช่น console.log() อยู่ในกลุ่ม Info ในขณะที่ console.error() อยู่ในกลุ่ม Error เอกสารอ้างอิง API ของคอนโซลจะอธิบายระดับความรุนแรงของแต่ละวิธีที่เกี่ยวข้อง

ทุกข้อความที่เบราว์เซอร์บันทึกลงในคอนโซลก็มีระดับความรุนแรงด้วยเช่นกัน คุณซ่อนข้อความระดับใดก็ได้ที่ไม่สนใจ เช่น หากสนใจเฉพาะข้อความ Error คุณจะซ่อนกลุ่มอื่นอีก 3 กลุ่มได้

คลิกเมนูแบบเลื่อนลง Log Levels เพื่อเปิดหรือปิดใช้ข้อความ Verbose, Info, Warning หรือ Error

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

กรองข้อความตาม URL

พิมพ์ url: ตามด้วย URL เพื่อดูเฉพาะข้อความที่มาจาก URL ดังกล่าว หลังจากพิมพ์ url: เครื่องมือสำหรับนักพัฒนาเว็บจะแสดง URL ที่เกี่ยวข้องทั้งหมด

โดเมนก็ใช้ได้เช่นกัน ตัวอย่างเช่น หาก https://example.com/a.js และ https://example.com/b.js บันทึกข้อความ url:https://example.com จะช่วยให้คุณโฟกัสข้อความจากสคริปต์ 2 รายการนี้ได้

หากต้องการซ่อนข้อความทั้งหมดจาก URL ที่ระบุ ให้พิมพ์ -url: ตามด้วย URL เช่น https://b.wal.co นี่คือตัวกรอง URL เชิงลบ

คุณยังแสดงข้อความจาก URL เดียวได้โดยเปิดแถบด้านข้างของคอนโซล ขยายส่วนข้อความของผู้ใช้ แล้วคลิก URL ของสคริปต์ที่มีข้อความที่ต้องการมุ่งเน้น

กรองข้อความจากบริบทต่างๆ ออก

สมมติว่าคุณมีโฆษณาบนหน้าเว็บ โฆษณานี้ฝังอยู่ใน <iframe> และกําลังสร้างข้อความจํานวนมากในคอนโซล เนื่องจากโฆษณานี้อยู่ในบริบท JavaScript อื่น วิธีหนึ่งในการซ่อนข้อความคือเปิดการตั้งค่าคอนโซลและเปิดใช้ช่องทำเครื่องหมายบริบทที่เลือกเท่านั้น

กรองข้อความที่ไม่ตรงกับรูปแบบนิพจน์ทั่วไปออก

พิมพ์นิพจน์ทั่วไป เช่น /[foo]\s[bar]/ ในกล่องข้อความ กรอง เพื่อกรองข้อความที่ไม่ตรงกับรูปแบบดังกล่าวออก ไม่รองรับพื้นที่ทำงาน โปรดใช้ \s แทน เครื่องมือสำหรับนักพัฒนาเว็บจะตรวจสอบว่ารูปแบบดังกล่าวพบในข้อความหรือไม่ หรือสคริปต์ที่ทำให้ระบบบันทึกข้อความหรือไม่

เช่น รายการต่อไปนี้จะกรองข้อความทั้งหมดที่ไม่ตรงกับ /[gm][ta][mi]/ ออก

��้นหาข้อความในบันทึก

วิธีค้นหาข้อความในบันทึก

1. หากต้องการเปิดแถบค้นหาในตัว ให้กด Command+F (Mac) หรือ Ctrl+F (Windows, Linux)
2. พิมพ์ข้อความค้นหาในแถบ ในตัวอย่างนี้ คำค้นหาคือ legacy คุณดำเนินการต่อไปนี้ได้
   • คลิก ตรงตามตัวพิมพ์ใหญ่-เล็ก เพื่อให้คำค้นหาคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
   • คลิก ใช้นิพจน์ทั่วไปเพื่อค้นหาโดยใช้นิพจน์นิพจน์ทั่วไป
3. กด Enter หากต้องการข้ามไปยังผลการค้นหาก่อนหน้าหรือถัดไป ให้กดปุ่มขึ้นหรือลง

เรียกใช้ JavaScript

ส่วนนี้ประกอบด้วยฟีเจอร์ที่เกี่ยวข้องกับการเรียกใช้ JavaScript ในคอนโซล โปรดดูคำแนะนำแบบลงมือปฏิบัติจริงที่เรียกใช้ JavaScript

ตัวเลือกการคัดลอกสตริง

คอนโซลแสดงผลสตริงเป็นลิเทอรัล JavaScript ที่ถูกต้องโดยค่าเริ่มต้น คลิกขวาที่เอาต์พุตและเลือกการคัดลอกจาก 3 ตัวเลือกดังต่อไปนี้

• คัดลอกเป็นสัญพจน์ JavaScript ใช้ Escape กับสัญลักษณ์พิเศษที่เหมาะสมและรวมสตริงไว้ในเครื่องหมายคำพูดเดี่ยว เครื่องหมายคำพูดแบบคู่ หรือเครื่องหมายแบ็กทิก ซึ่งขึ้นอยู่กับเนื้อหา
• คัดลอกเนื้อหาสตริง คัดลอกสตริงดิบทั้งหมดไปยังคลิปบอร์ด ��วมถึงบรรทัดใหม่และสัญลักษณ์พิเศษอื่นๆ
• คัดลอกเป็นสัญพจน์ JSON จัดรูปแบบสตริงให้เป็น JSON ที่ถูกต้อง

เรียกใช้นิพจน์จากประวัติอีกครั้ง

กดปุ่มลูกศรขึ้นเพื่อวนดูประวัติของนิพจน์ JavaScript ที่คุณเรียกใช้ก่อนหน้านี้ใน Console กด Enter เพื่อเรียกใช้นิพจน์ดังกล่าวอีกครั้ง

ดูค่าของนิพจน์แบบเรียลไทม์ด้วย Live Expression

หากคุณพบว่าตัวเองพิมพ์นิพจน์ JavaScript เดียวกันใน Console ซ้ำๆ คุณอาจสร้าง Live Express ได้ง่ายกว่า เมื่อใช้นิพจน์ทั่วไป คุณจะต้องพิมพ์นิพจน์ 1 ครั้ง แล้วปักหมุดไว้ที่ด้านบนของคอนโซล ค่าของนิพจน์จะอัปเดตในเวลาที่ใกล้เคียงกับเวลาจริง โปรดดูดูค่านิพจน์ JavaScript แบบเรียลไทม์ด้วยนิพจน์สด

ปิดใช้การประเมินโดยตั้งใจ

ขณะที่คุณพิมพ์นิพจน์ JavaScript ในคอนโซล Eager Evaluation จะแสดงตัวอย่างของค่าที่แสดงผลของนิพจน์นั้น เปิดการตั้งค่า Console และปิดใช้ช่องทำเครื่องหมายการประเมินอย่างกระตือรือร้นเพื่อปิดตัวอย่างค่าที่ส่งกลับ

กระตุ้นการเปิดใช้งานผู้ใช้ด้วยการประเมิน

การเปิดใช้งานผู้ใช้คือสถานะของเซสชันการท่องเว็บที่ขึ้นอยู่กับการดำเนินการของผู้ใช้ สถานะ "ใช้งานอยู่" หมายความว่าผู้ใช้กำลังโต้ตอบกับหน้าเว็บหรือโต้ตอบตั้งแต่การโหลดหน้าเว็บ

หากต้องการทริกเกอร์การเปิดใช้งานผู้ใช้ด้วยการประเมิน ให้เปิดการตั้งค่าคอนโซล แล้วเลือก ประเมินการทริกเกอร์การเปิดใช้งานผู้ใช้

ปิดใช้งานการเติมข้อความอัตโนมัติจากประวัติ

เมื่อคุณพิมพ์นิพจน์ ป๊อปอัปการเติมข้อความอัตโนมัติของคอนโซลจะแสดงนิพจน์ที่คุณใช้ก่อนหน้านี้ นิพจน์เหล่านี้จะมีอักขระ > นำหน้า ในตัวอย่างต่อไปนี้ เครื่องมือสำหรับนักพัฒนาเว็บได้ประเมิน document.querySelector('a') และ document.querySelector('img') ไว้ก่อนหน้านี้

เปิดการตั้งค่าคอนโซลและปิดใช้ช่องทำเครื่องหมายเติมข้อความอัตโนมัติจากประวัติเพื่อหยุดแสดงนิพจน์จากประวัติ

เลือกบริบท JavaScript

โดยค่าเริ่มต้น เมนูแบบเลื่อนลงบริบท JavaScript จะตั้งค่าเป็นด้านบน ซึ่งแสดงบริบทการเรียกดูของเอกสารหลัก

สมมติว่าคุณมีโฆษณาในหน้าเว็บฝังใน <iframe> คุณต้องการเรียกใช้ JavaScript เพื่อปรับเปลี่ยน DOM ของโฆษณา โดยคุณจะต้องเลือกบริบทการท่องเว็บของโฆษณาจากเมนูแบบเลื่อนลงบริบท JavaScript ก่อน

ตรวจสอบพร็อพเพอร์ตี้ออบเจ็กต์

คอนโซลจะแสดงรายการพร็อพเพอร์ตี้แบบอินเทอร์แอกทีฟของออบเจ็กต์ JavaScript ที่คุณระบุได้

หากต้องการเรียกดูรายการ ให้พิมพ์ชื่อออบเจ็กต์ลงในคอนโซล แล้วกด Enter

หากต้องการตรวจสอบพร็อพเพอร์ตี้ของออบเจ็กต์ DOM ให้ทำตามขั้นตอนในหัวข้อดูพร็อพเพอร์ตี้ของออบเจ็กต์ DOM

พร็อพเพอร์ตี้ของตนเองและที่รับช่วงมา

คอนโซลจะจัดเรียงพร็อพเพอร์ตี้ออบเจ็กต์ของตัวเองก่อนและไฮไลต์เป็นแบบอักษรตัวหนา

พร็อพเพอร์ตี้ที่รับช่วงมาจากห่วงโซ่ต้นแบบจะเป็นแบบอักษรปกติ คอนโซลจะแสดงตัวควบคุมที่ออบเจ็กต์นั้นด้วยการประเมินตัวเข้าถึงดั้งเดิมที่เกี่ยวข้องของออบเจ็กต์ในตัว

ประเมินตัวเข้าถึงที่กำหนดเอง

โดยค่าเริ่มต้น เครื่องมือสำหรับนักพัฒนาเว็บจะไม่ประเมินเครื่องมือเข้าถึงที่คุณสร้าง หากต้องการประเมินตัวเข้าถึงที่กำหนดเองในออบเจ็กต์ ให้คลิก (...)

พร็อพเพอร์ตี้ที่แจกแจงได้และแจกแจงไม่ได้ของสปอต

คุณสมบัติที่แจกแจงไม่ได้เป็นสีที่สว่าง ระบบจะปิดเสียงพร็อพเพอร์ตี้ที่แจกแจงไม่ได้ คุณทำซ้ำพร็อพเพอร์ตี้ที่แจกแจงไม่ได้ได้โดยใช้ลูป for … in หรือเมธอด Object.keys()

มองหาพร็อพเพอร์ตี้ส่วนตัวของอินสแตนซ์ของชั้นเรียน

คอนโซลจะกำหนดพร็อพเพอร์ตี้ส่วนตัวของอินสแตนซ์ของชั้นเรียนที่มีคำนำหน้า #

คอนโซลยังเติมข้อความพร็อพเพอร์ตี้ส่วนตัวโดยอัตโนมัติได้ด้วย แม้ว่าคุณจะปร��เมินนอกขอบเขตของชั้นเรียน

ตรวจสอบพร็อพเพอร์ตี้ JavaScript ภายใน

โดยคอนโซลจะใช้รูปแบบ ECMAScript เพื่อใส่พร็อพเพอร์ตี้บางรายการภายใน JavaScript ไว้ในวงเล็บเหลี่ยมคู่ โดยคุณจะโต้ตอบกับพร็อพเพอร์ตี้ดังกล่าวในโค้ดไม่ได้ อย่างไรก็ตาม ควรตรวจสอบรายงานดังกล่าว

คุณอาจเห็นพร็อพเพอร์ตี้ภายในต่อไปนี้ในออบเจ็กต์ต่างๆ

• ออบเจ็กต์มี [[Prototype]]
• Wrapper พื้นฐานมีพร็อพเพอร์ตี้ [[PrimitiveValue]]
• ออบเจ็กต์ ArrayBuffer รายการมีพร็อพเพอร์ตี้ต่อไปนี้
  • [[Int8Array]] [[Uint8Array]] [[Int16Array]] [[Int32Array]]
  • [[ArrayBufferByteLength]], [[ArrayBufferData]]
• นอกเหนือจากพร็อพเพอร์ตี้เฉพาะ ArrayBuffer แล้ว ออบเจ็กต์ WebAssembly.Memory รายการยังมีพร็อพเพอร์ตี้ [[WebAssemblyMemory]] ด้วย
• คอลเล็กชันที่มีการคีย์ (แผนที่และชุด) จะมีพร็อพเพอร์ตี้ [[Entries]] ที่มีรายการคีย์
• ออบเจ็กต์ Promise รายการมีพร็อพเพอร์ตี้ต่อไปนี้
  • [[PromiseState]]: รอดำเนินการ ดำเนินการแล้ว หรือถูกปฏิเสธ
  • [[PromiseResult]]: undefined หากรอดำเนินการ, <value> หากดำเนินการแล้ว, <reason> หากถูกปฏิเสธ
• Proxy ออบเจ็กต์มีพร็อพเพอร์ตี้ต่อไปนี้ [[Handler]] ออบเจ็กต์ [[Target]] ออบเจ็กต์ และ [[isRevoked]] (ปิดหรือไม่สวิตช์)

ตรวจสอบฟังก์ชัน

ใน JavaScript ฟังก์ชันจะเป็นออบเจ็กต์ที่มีพร็อพเพอร์ตี้ด้วย แต่หากคุณพิมพ์ชื่อฟังก์ชันลงในคอนโซล DevTools จะเรียกฟังก์ชันนั้นแทนการแสดงพร็อพเพอร์ตี้

หากต้องการดูพร็อพเพอร์ตี้ฟังก์ชันภายใน JavaScript ให้ใช้คำสั่ง console.dir()

ฟังก์ชันมีคุณสมบัติดังต่อไป���ี้

• [[FunctionLocation]] ลิงก์ไปยังบรรทัดที่มีคำจำกัดความของฟังก์ชันในไฟล์ต้นฉบับ
• [[Scopes]] แสดงรายการค่าและนิพจน์ที่ฟังก์ชันเข้าถึงได้ หากต้องการตรวจสอบขอบเขตของฟังก์ชันในระหว่างการแก้ไขข้��บกพร่อง โปรดดูหัวข้อดูและแก้ไขพร็อพเพอร์ตี้ในเครื่อง การปิด และส่วนกลาง
• ฟังก์ชันขอบเขตมีคุณสมบัติดังต่อไปนี้
  • [[TargetFunction]] เป้าหมายของ bind()
  • [[BoundThis]] ค่าของ this
  • [[BoundArgs]] อาร์เรย์ของอาร์กิวเมนต์ฟังก์ชัน
• ฟังก์ชันตัวสร้างจะมีพร็อพเพอร์ตี้ [[IsGenerator]]: true กำกับอยู่
• ตัวสร้างจะแสดงออบเจ็กต์ตัวซ้ำและมีคุณสมบัติต่อไปนี้
  • [[GeneratorLocation]] ลิงก์ไปยังบรรทัดที่มีคำจำกัดความของเครื่องมือสร้างในไฟล์ต้นฉบับ
  • [[GeneratorState]]: suspended, closed หรือ running.
  • [[GeneratorFunction]] เครื่องมือสร้างที่ส่งกลับออบเจ็กต์
  • [[GeneratorReceiver]] ออบเจ็กต์ที่ได้รับค่า

ล้างคอนโซล

คุณสามารถใช้เวิร์กโฟลว์ใดก็ได้ต่อไปนี้เพื่อล้างคอนโซล

• คลิกล้างคอนโซล
• คลิกขวาที่ข้อความแล้วเลือกล้างคอนโซล
• พิมพ์ clear() ในคอนโซล แล้วกด Enter
• เรียกใช้ console.clear() จาก JavaScript ของหน้าเว็บ
• กด Control+L ขณะที่คอนโซลอยู่ในโฟกัส