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

Jecelyn Yeen

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

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

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

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

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

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

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

ปัญหา Chromium: 1257499

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

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

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

ปัญหา Chromium: 1223525

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

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

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

ปัญหา Chromium: 1215072

ปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องโค้ด

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

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

ปัญหา Chromium: 1073064

[ทดลอง] การซิงค์การตั้งค่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในอุปกรณ์ต่างๆ

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

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

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

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

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

ปัญหา Chromium: 1245541

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

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

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

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

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

รายการทุกอย่างที่ครอบคลุมในชุดมีอะไรใหม่ใน DevTools