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