ใช้ Console API เพื่อเขียนข้อความไปยังคอนโซลจาก JavaScript โปรดดูที่เริ่มต้นใช้งาน บันทึกข้อความไปยัง Console สำหรับการแนะนำหัวข้อแบบอินเทอร์แอกทีฟ
โปรดดูข้อมูลอ้างอิง API ยูทิลิตีของ Console หากคุณกำลังมองหาวิธีการอำนวยความสะดวก เช่น debug(function)
หรือ
monitorEvents(node)
ซึ่งพร้อมใช้งานจากคอนโซลเท่านั้น
Console.assert(นิพจน์, วัตถุ)
ระดับการบันทึก: Error
เขียนข้อผิดพลาดไปยังคอนโซลเมื่อ expression
ประเมินค่าเป็น false
const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});
console.clear()
ล้างคอนโซล
console.clear();
หากเปิดใช้เก็บบันทึก ระบบจะปิดใช้ console.clear()
หรือคุณสามารถล้างคอนโซลได้โดยคลิกไอคอน
console.count([label])
ระดับการบันทึก: Info
เขียนจำนวนครั้งที่มีการเรียกใช้ count()
ในบรรทัดเดียวกันและมีค่าเท่ากัน
label
โทร console.countReset([label])
เพื่อรีเซ็ตจำนวน
console.count();
console.count('coffee');
console.count();
console.count();
console.countReset([label])
รีเซ็ตการนับ
console.countReset();
console.countReset('coffee');
console.createTask(name)
แสดงผลอินสแตนซ์ Task
ที่เชื่อมโยงสแต็กเทรซปัจจุบันกับออบเจ็กต์ task
ที่สร้างขึ้น คุณสามารถใช้ออบเจ็กต์ task
นี้เพื่อเรียกใช้ฟังก์ชันในภายหลัง (f
ในตัวอย่างต่อไปนี้) task.run(f)
จะดำเนินการเพย์โหลดที่กำหนดเองและส่งต่อค่าที่ส่งคืนกลับไปยังผู้โทร
// Task creation
const task = console.createTask(name);
// Task execution
task.run(f); // instead of f();
task
จะสร้างลิงก์ระหว่างบริบทการสร้างและบริบทของฟังก์ชันอะซิงโครนัส ลิงก์นี้จะช่วยให้เครื่องมือสำหรับนักพัฒนาเว็บแสดงสแต็กเทรซที่ดีขึ้นสำหรับการดำเนินการแบบไม่พร้อมกัน สำหรับข้อมูลเพิ่มเติม โปรดดูสแต็กเทรซที่ลิงก์
Console.debug(ออบเจ็กต์ [, ออบเจ็กต์, ...])
ระดับการบันทึก: Verbose
เหมือนกันกับ console.log(object [, object, ...])
ยกเว้นระดับการบันทึกที่ต่างกัน
console.debug('debug');
console.dir(object)
ระดับการบันทึก: Info
พิมพ์การแสดงแทน JSON ของออบเจ็กต์ที่ระบุ
console.dir(document.head);
console.dirxml(node)
ระดับการบันทึก: Info
พิมพ์การแสดง XML ขององค์ประกอบสืบทอดของ node
console.dirxml(document);
Console.error(object [, ออบเจ็กต์, ...])
ระดับการบันทึก: Error
พิมพ์ object
ไปยังคอนโซล ซึ่งจัดรูปแบบเป็นข้อผิดพลาด และมีสแต็กเทรซ
console.error("I'm sorry, Dave. I'm afraid I can't do that.");
console.group(label)
จัดกลุ่มข้อความเข้าด้วยกันเป็นภาพจนกว่าจะมีการเรียกใช้ console.groupEnd(label)
ใช้
console.groupCollapsed(label)
เพื่อยุบกลุ่มเมื่อเข้าสู่ระบบคอนโซลในครั้งแรก
const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);
นอกจากนี้คุณยังซ้อนกลุ่มได้อีกด้วย
const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);
console.groupCollapsed(label)
เหมือนกับ console.group(label)
ยกเว้นกลุ่มจะยุบในตอนแรกเมื่อเข้าสู่ระบบ
คอนโซล
console.groupEnd(label)
หยุดการจัดกลุ่มข้อความเป็นภาพ โปรดดู console.group
Console.info(ออบเจ็กต์ [, ออบเจ็กต์, ...])
ระดับการบันทึก: Info
เหมือนกับ console.log(object [, object, ...])
console.info('info');
Console.log(ออบเจ็กต์ [, ออบเจ็กต์, ...])
ระดับการบันทึก: Info
พิมพ์ข้อความไปยังคอนโซล
console.log('log');
Console.table(อาร์เรย์ [, คอลัมน์])
ระดับการบันทึก: Info
บันทึกอาร์เรย์ของออบเจ็กต์เป็นตาราง
var people = [
{
first: 'René',
last: 'Magritte',
},
{
first: 'Chaim',
last: 'Soutine',
birthday: '18930113',
},
{
first: 'Henri',
last: 'Matisse',
}
];
console.table(people);
โดยค่าเริ่มต้น console.table()
จะบันทึกข้อมูลทั้งหมดในตาราง หากต้องการแสดงคอลัมน์เดียวหรือชุดย่อยของคอลัมน์ คุณสามารถใช้พารามิเตอร์ที่ไม่บังคับรายการที่ 2 และระบุชื่อคอลัมน์หรือชื่อเป็นสตริงหรืออาร์เรย์ของสตริง เช่น
console.table(people, ['last', 'birthday']);
console.time([label])
เริ่มตัวจับเวลาใหม่ โทรหา console.timeEnd([label])
เพื่อหยุดตัวจับเวลาและพิมพ์เวลาที่ผ่านไปเพื่อ
คอนโซล
console.time();
for (var i = 0; i < 100000; i++) {
let square = i ** 2;
}
console.timeEnd();
console.timeEnd([label])
ระดับการบันทึก: Info
หยุดตัวจับเวลา โปรดดู console.time()
console.trace()
ระดับการบันทึก: Info
พิมพ์สแต็กเทรซไปยังคอนโซล
const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();
Console.warn(ออบเจ็กต์ [, ออบเจ็กต์, ...])
ระดับการบันทึก: Warning
พิมพ์คำเตือนไปยังคอนโซล
console.warn('warn');