ยินดีต้อนรับสู่ภาคแรกของบันทึกประจำรุ่นของเครื่องมือสำหรับนักพัฒนาเว็บ นับจากนี้เป็นต้นไป เมื่อคุณเปิด Chrome เวอร์ชันใหม่เป็นครั้งแรก DevTools จะเปิดลิ้นชักมีอะไรใหม่พร้อมลิงก์ไปยังบันทึกประจำรุ่นของเวอร์ชันนั้น
ไฮไลต์
- แผงไทม์ไลน์เปลี่ยนชื่อเป็นแผงประสิทธิภาพแล้ว
- แผงโปรไฟล์เปลี่ยนชื่อเป็นแผงความทรงจำแล้ว
- ตอนนี้คุณแก้ไขค่าคุกกี้ได้แล้ว
- ตอนนี้เครื่องมือสำหรับนักพัฒนาเว็บจะหยุดชั่วคราวโดยอัตโนมัติก่อนที่จะเกิดข้อผิดพลาดเกี่ยวกับหน่วยความจำไม่เพียงพอ
ฟีเจอร์ใหม่
คุกกี้ที่แก้ไขได้
ดับเบิลคลิกเซลล์ในแท็บ Cookies เพื่อแก้ไขค่านั้น
ขอขอบคุณ kdzwinel สำหรับการมีส่วนร่วม
ตัวแปร CSS ที่ตรวจสอบและแก้ไขได้ในแผงสไตล์
ตอนนี้คุณสามารถตรวจสอบและแก้ไขตัวแปร CSS ในแผงสไตล์ได้แล้ว ดูตัวอย่างตัวแปร CSS เพื่อลองใช้ด้วยตัวคุณเอง
เบรกพอยต์ที่หน่วยความจําไม่เพียงพอ
ตอนนี้เมื่อแอปจัดสรรหน่วยความจําจํานวนมากในระยะเวลาสั้นๆ เครื่องมือสําหรับนักพัฒนาเว็บจะหยุดชั่วคราวและเพิ่มขีดจํากัดฮีปโดยอัตโนมัติ ซึ่งจะช่วยให้คุณตรวจสอบกอง เรียกใช้คําสั่งในคอนโซลเพื่อเพิ่มพื้นที่หน่วยความจํา และแก้ไขข้อบกพร่องต่อไปได้ ดูข้อมูลเพิ่มเติมได้ที่ก้าวเล็กๆ ของ Chrome และกองข้อมูลขนาดยักษ์ของ V8
จุดพักในการสร้างแคนวาส
ตอนนี้คุณสร้างจุดหยุดพักของโปรแกรมรับฟังเหตุการณ์ซึ่งจะทริกเกอร์เมื่อใดก็ตามที่สร้างบริบท Canvas ใหม่ได้แล้ว
สถิติเวลาเริ่มต้นในแท็บการกำหนดเวลา
ตอนนี้คุณจะเห็นเวลาที่คิวคำขอเริ่มทำงานแล้วที่ด้านบนของแท็บเวลา
สถิติเซิร์ฟเวอร์ในแท็บการกำหนดเวลา
ตอนนี้คุณแทรกสถิติเซิร์ฟเวอร์ที่กําหนดเองลงในแท็บเวลาได้แล้ว ดูตัวอย่างได้ที่การสาธิตค่าการจับเวลาของเซิร์ฟเวอร์
ขอขอบคุณ sroussey ที่มีส่วนร่วม
การเปลี่ยนแปลง
แผงไทม์ไลน์เปลี่ยนเป็นแผงประสิทธิภาพแล้ว
แผงไทม์ไลน์เปลี่ยนชื่อเป็นแผงประสิทธิภาพเพื่อให้สอดคล้องกับวัตถุประสงค์มากขึ้น
แผงโปรไฟล์เปลี่ยนเป็นแผงความทรงจำแล้ว
แผงโปรไฟล์เปลี่ยนชื่อเป็นแผงความทรงจำเพื่อให้สอดคล้องกับวัตถุประสงค์การใช้งานมากขึ้น
เครื่องมือวิเคราะห์ CPU อยู่หลังแผงที่ซ่อนอยู่
เมื่อแผงโปรไฟล์เปลี่ยนชื่อเป็นแผงหน่วยความจำแล้ว ก็ไม่มีเหตุผลที่จะให้มีเครื่องมือวิเคราะห์โปรไฟล์ CPU ในแผงนั้นอีกต่อไป นอกจากนี้ เป้าหมายระยะยาวคือการได้โปรไฟล์ผู้ใช้ทั้งหมดจากแผงประสิทธิภาพ ในระหว่างนี้ คุณจะยังเข้าถึงเครื่องมือวิเคราะห์ CPU แบบเก่าได้จากการตั้งค่า > เครื่องมือเพิ่มเติม > เครื่องมือวิเคราะห์ JavaScript
ดูวิธีสร้างโปรไฟล์ CPU ในแผงประสิทธิภาพได้ที่ เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: การสร้างโปรไฟล์ CPU ของ JavaScript ใน Chrome 58
UI ของคอนโซลแบบใหม่
แผงและลิ้นชักของ Console มีการเปลี่ยนแปลง UI บางอย่าง เราได้ย้ายฟีเจอร์ที่ไม่ได้รับความนิยมบางรายการไปยังตำแหน่งที่ซ่อนอยู่มากขึ้น และทำให้ฟีเจอร์ยอดนิยมเข้าถึงได้ง่ายขึ้น
- คลิกการตั้งค่าคอนโซล
เพื่อเข้าถึงการตั้งค่าสำหรับปรับแต่งลักษณะการทํางานของคอนโซล - ตอนนี้เก็บบันทึกจะซ่อนอยู่ในการตั้งค่าคอนโซล
- ปุ่มและแผงตัวกรองจะหายไป ให้ใช้เมนูแบบเลื่อนลงแทน
- ตอนนี้กล่องข้อความสําหรับกรองบันทึกจะแสดงอยู่เสมอ ซึ่งก่อนหน้านี้จะซ่อนอยู่ในแผงตัวกรอง
- กล่องข้อความตัวกรองจะยอมรับนิพจน์ทั่วไปโดยอัตโนมัติ ดังนั้นช่องทําเครื่องหมายนิพจน์ทั่วไปจึงหายไป
- ช่องทำเครื่องหมายซ่อนการละเมิดจะหายไป ตั้งค่าเมนูแบบเลื่อนลงระดับการบันทึกเป็นละเอียดเพื่อดูการละเมิด
- การยกเลิกการเลือกช่องทําเครื่องหมายแสดงข้อความทั้งหมดใน UI เก่าเทียบเท่ากับการเลือกช่องทําเครื่องหมายบริบทที่เลือกเท่านั้นในการตั้งค่าคอนโซลใน UI ใหม่
ย้ายเบรกพอยต์ของ Listener เหตุการณ์ WebGL แล้ว
เบรกพอยต์ของ Listener เหตุการณ์ WebGL ได้ย้ายจากหมวดหมู่ WebGL ไปยังหมวดหมู่ Canvas แล้ว นำหมวดหมู่ WebGL ออกแล้ว