มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ (Chrome 97)

Jecelyn Yeen

ฟีเจอร์ตัวอย่าง: แผงโปรแกรมบันทึกใหม่

ใช้แผงโปรแกรมอัดเสียงใหม่เพื่อบันทึก เล่นซ้ำ และวัดโฟลว์ของผู้ใช้

เปิดแผงโปรแกรมอัดเสียง ทำตามวิธีการบนหน้าจอเพื่อเริ่มบันทึกใหม่

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

ไปที่เอกสารประกอบของแผงเครื่องบันทึกเพื่อดูข้อมูลเพิ่มเติมพร้อมบทแนะนำแบบทีละขั้นตอน

แผงเครื่องบันทึกเป็นฟีเจอร์เวอร์ชันตัวอย่าง ทีมของเรายังคงทำงานอย่างแข็งขันสำหรับฟีเจอร์นี้ และเราอยากฟังความคิดเห็นจากคุณเพื่อปรับปรุงฟีเจอร์ให้ดียิ่งขึ้น

แผงโปรแกรมอัดเสียง

ปัญหาใน Chromium: 1257499

รีเฟรชรายการอุปกรณ์ในโหมดอุปกรณ์

การเปิดใช้แถบเครื่องมือของอุปกรณ์จะช่วยเพิ่มอุปกรณ์ที่ทันสมัยมากขึ้นในรายการอุปกรณ์ เลือกอุปกรณ์เพื่อจำลองขนาด

รีเฟรชรายการอุปกรณ์ในโหมดอุปกรณ์

ปัญหาใน Chromium: 1223525

เติมข้อความอัตโนมัติด้วยฟีเจอร์แก้ไขในรูปแบบ HTML

ตอนนี้ UI แก้ไขเป็น HTML รองรับการเติมข้อความอัตโนมัติและการไฮไลต์ไวยากรณ์แล้ว ในแผงองค์ประกอบ ให้คลิกขวาที่องค์ประกอบ แล้วเลือกแก้ไขเป็น HTML ลองพิมพ์พร็อพเพอร์ตี้ DOM (เช่น id, aria) การเติมข้อความอัตโนมัติจะช่วยให้คุณค้นหาชื่อพร็อพเพอร์ตี้ที่ต้องการได้

เติมข้อความอัตโนมัติด้วยฟีเจอร์แก้ไขในรูปแบบ HTML

ปัญหาใน Chromium: 1215072

ประสบการณ์การแก้ไขข้อบกพร่องของโค้ดที่ดียิ่งขึ้น

ตอนนี้ระบบจะรวมหมายเลขคอลัมน์ไว้ในข้อผิดพลาดเอาต์พุตในคอนโซลแล้ว การเข้าถึงหมายเลขคอลัมน์ได้ง่ายเป็นสิ่งสำคัญสำหรับการแก้ไขข้อบกพร่อง โดยเฉพาะอย่างยิ่งกับ JavaScript ที่ย่อขนาด

หมายเลขคอลัมน์ในข้อผิดพลาดของเอาต์พุต

ปัญหาใน Chromium: 1073064

[ทดลอง] การซิงค์การตั้งค่า DevTools ในอุปกรณ์ต่างๆ

ตอนนี้การตั้งค่า DevTools จะซิงค์ในอุปกรณ์ต่างๆ โดยค่าเริ่มต้นเมื่อคุณเปิดการซิงค์โปรไฟล์ Chrome คุณเปลี่ยนการตั้งค่าการซิงค์ DevTools ได้โดยไปที่การตั้งค่า > ซิงค์ > เปิดใช้การซิงค์การตั้งค่า

การตั้งค่าการซิงค์เครื่องมือสำหรับนักพัฒนาเว็บ

การตั้งค่าใหม่นี้จะช่วยให้คุณทำงานในอุปกรณ์ต่างๆ ได้ง่ายขึ้น ตัวอย่างเช่น ระบบจะซิงค์การตั้งค่าลักษณะต่อไปนี้เพื่อให้คุณได้รับประสบการณ์การใช้งานที่สอดคล้องกันในอุปกรณ์ต่างๆ และไม่ต้องกำหนดการตั้งค่าเดียวกันอีกครั้ง ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์การซิงค์ในการปรับแต่งเครื่องมือสำหรับนักพัฒนาเว็บ

การตั้งค่าลักษณะภายนอก

ฟีเจอร์นี้ยังอยู่ระหว่างการทดสอบและทีมของเรายังคงทำงานอย่างต่อเนื่อง หากมีความคิดเห็น โปรดแชร์กับเราที่นี่

ปัญหาใน Chromium: 1245541

ดาวน์โหลดช่องตัวอย่าง

ลองใช้ Chrome Canary, Dev หรือ Beta เป็นเบราว์เซอร์เริ่มต้นสำหรับการพัฒนา ช่องตัวอย่างเหล่านี้ช่วยให้คุณเข้าถึงฟีเจอร์ล่าสุดของ DevTools ทดสอบ API ของแพลตฟอร์มเว็บที่ล้ำสมัย และช่วยคุณค้นหาปัญหาในเว็บไซต์ก่อนที่ผู้ใช้จะพบ

ติดต่อทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ใช้ตัวเลือกต่อไปนี้เพื่อพูดคุยเกี่ยวกับฟีเจอร์ใหม่ การอัปเดต หรือสิ่งอื่นๆ ที่เกี่ยวข้องกับเครื่องมือสำหรับนักพัฒนาเว็บ

มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ

รายการทุกอย่างที่ครอบคลุมในซีรีส์มีอะไรใหม่ในเครื่องมือสำหรับนักพัฒนาเว็บ