มี profiler ที่ดีสำหรับ javascript หรือไม่? ฉันรู้ว่า firebug รองรับโค้ดการทำโปรไฟล์ แต่ฉันต้องการกำหนดสถิติในระดับที่ยาวขึ้น ลองนึกภาพคุณกำลังสร้างโค้ดจาวาสคริปต์จำนวนมากและคุณต้องการระบุว่าอะไรคือคอขวดในโค้ด ตอนแรกฉันต้องการดูสถิติโปรไฟล์ของทุกฟังก์ชันจาวาสคริปต์และเวลาดำเนินการ ต่อไปจะรวมถึงฟังก์ชัน DOM สิ่งนี้รวมกับการกระทำที่ทำให้สิ่งต่างๆช้าลงเช่นการทำงานบนต้นไม้การเรนเดอร์จะสมบูรณ์แบบ ฉันคิดว่าสิ่งนี้จะให้ความประทับใจที่ดีหากประสิทธิภาพถูกฆ่าในโค้ดของฉันในการเตรียม DOM หรือในการอัปเดตทรี / ภาพการแสดงผล

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

Firebug

Firebug จัดทำรายงานการทำโปรไฟล์ที่มีรายละเอียดสูง มันจะบอกคุณว่าการเรียกใช้แต่ละวิธีใช้เวลานานแค่ไหนในตารางยักษ์ (โดยละเอียด)

console.profile([title])
//also see
console.trace()

คุณต้องโทรconsole.profileEnd ()เพื่อยุติการบล็อกโปรไฟล์ของคุณ ดูคอนโซล API ที่นี่: http://getfirebug.com/wiki/index.php/Console_API

นกชนิดหนึ่ง

Blackbird ( เว็บไซต์อย่างเป็นทางการ ) ยังมีโปรไฟล์ที่ง่ายกว่า (ดาวน์โหลดได้จากที่นี่ )

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome มีโปรไฟล์ในตัว

แม้ว่า Firebug ได้รับการกล่าวถึงสิ่งที่เพิ่มเติมที่คุณจะอยากที่จะมองด้วย Firebug เป็นปลั๊กอินสำหรับ Firebug เรียกFireUnit ; John Resig พูดถึงเรื่องนี้ในบล็อกโพสต์นี้:

การเรียกใช้ฟังก์ชัน JavaScript

หวังว่าจะช่วยได้

Firebug + Firefox เป็นสิ่งที่ต้องมี และแถบเครื่องมือสำหรับนักพัฒนาของ IE 8 ยังมีตัวสร้างโปรไฟล์ในตัว (IE 8 มาพร้อมกับแถบเครื่องมือสำหรับนักพัฒนา)

ตัวตรวจสอบเว็บของ Safari 4 ยังมีตัวสร้างโปรไฟล์ (แม้ว่าเวอร์ชันใน nightlies จะได้รับการปรับปรุงการเรียกฟังก์ชันแบบเรียกซ้ำแบบ wrt) Web Inspector ยังรองรับ API ของโปรไฟล์ Firebug

สำหรับ JavaScript, XmlHttpRequest, DOM Access, Rendering Times และ Network Traffic สำหรับ IE6, 7 & 8 คุณสามารถใช้dynaTrace AJAX Edition ได้ฟรี