หากคุณต้องการทราบเวลาของการดำเนินการรหัสในระหว่างกระบวนการแก้ไขข้อบกพร่องทางเว็บคุณสามารถใช้เวลาในการดำเนินการของโปรแกรมโดยเพิ่มคำสั่ง console.time () และ console.timeend () คำสั่งในรหัส JavaScript ฟังก์ชั่น foo () ระยะยาวต่อไปนี้เป็นตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่น foo () {
var x = 4.237;
var y = 0;
สำหรับ (var i = 0; i <10000000; i ++) {
y = y + x*x;
-
กลับ y;
-
หากคุณจำเป็นต้องรู้ว่าต้องใช้เวลานานเท่าใดในระหว่างการดำเนินการของฟังก์ชันคุณสามารถแทรกคำสั่ง console.time () ก่อนการเรียกใช้ฟังก์ชัน foo () และแทรกคำสั่ง console.timeend () หลังจากการโทรเสร็จสิ้น:
การคัดลอกรหัสมีดังนี้:
console.time ("ทดสอบ");
foo ();
console.timeend ("ทดสอบ");
หลังจากดำเนินการโปรแกรมคอนโซลจะแสดงผลลัพธ์ของเวลานี้: "ทดสอบ: 1797ms" และระดับบันทึกที่แสดงเป็นข้อมูล
console.time () และ console.timeend () ยอมรับสตริงเป็นอาร์กิวเมนต์ซึ่งเทียบเท่ากับรหัสที่กำหนดเวลา เบราว์เซอร์จะจับคู่ console.time () กับพารามิเตอร์เดียวกัน (id) กับ console.timeend () เพื่อบันทึกความแตกต่างของเวลาระหว่างทั้งสอง ดังนั้นสถานที่ต่าง ๆ ในโปรแกรม JavaScript สามารถกำหนดเวลาได้โดยใช้ ID ที่แตกต่างกัน
การสนับสนุนเบราว์เซอร์
สำหรับแต่ละเบราว์เซอร์การสนับสนุนการกำหนดเวลาคอนโซล () มีดังนี้:
Firefox การสนับสนุนดั้งเดิมหลัง 10.0 สำหรับ Firefox รุ่นก่อนหน้าสามารถทำได้โดยการติดตั้งปลั๊กอิน Firebug ดู: https://developer.mozilla.org/en-us/docs/web/api/console.time?redirectlocale=en-us&redirectslug=dom%2fconsole.time
Google Chrome การสนับสนุนดั้งเดิมหลังจาก 2.0 ดู: https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
เช่น. การสนับสนุนพื้นเมืองใน IE11 สำหรับ IE รุ่นก่อนหน้าสามารถทำได้โดยการติดตั้ง Firebug Lite ดู: http://msdn.microsoft.com/en-us/library/ie/dn265071%28v=vs.85%29.aspx
ซาฟารี การสนับสนุนดั้งเดิมหลังจาก 4.0 ดู: https://developer.apple.com/library/safari/documentation/appleapplications/conceptual/safari_developer_guide/console/console.html
โอเปร่า สนับสนุน. ดู: http://www.opera.com/dragonfly/documentation/console/