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

ฟีเจอร์พรีวิว: แผงโปรแกรมอัดเสียงใหม่

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

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

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

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

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

แผงโปรแกรมบันทึก

ปัญหาเกี่ยวกับ Chromium: 1257499

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

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

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

ปัญหาเกี่ยวกับ Chromium: 1223525

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

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

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

ปัญหาเกี่ยวกับ Chromium: 1215072

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

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

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

ปัญหาเกี่ยวกับ Chromium: 1073064

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

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

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

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

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

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

ปัญหาเกี่ยวกับ Chromium: 1245541

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

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

ติดต่อทีม Chrome DevTools

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

  • ส่งข้อเสนอแนะหรือความคิดเห็นถึงเราทาง crbug.com
  • รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม   เพิ่มเติม > ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ
  • ทวีตที่ @ChromeDevTools
  • แสดงความคิดเห็นว่ามีอะไรใหม่ในวิดีโอ YouTube เครื่องมือสำหรับนักพัฒนาเว็บ หรือวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ

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

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