ใหม่ใน Chrome 128

สิ่งที่จำเป็นต้องทราบมีดังนี้

ฉันชื่อ Adriana Jara มาเจาะลึกกันว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 128

ขึ้นบรรทัดใหม่ได้ <ruby>

องค์ประกอบ <ruby> ช่วยปรับปรุงการแสดงข้อความ โดยเฉพาะสำหรับภาษาเอเชียตะวันออก ซึ่งช่วยให้คุณแสดงคำอธิบายประกอบแบบออกเสียงหรือข้อมูลเพิ่มเติมอื่นๆ เหนือหรือข้างข้อความพื้นฐานได้

องค์ประกอบ Ruby ประกอบด้วย 2 ส่วนหลัก ได้แก่ Ruby Base ซึ่งเป็นข้อความหลักและ Ruby Text ซึ่งเป็นข้อความคําอธิบายประกอบที่มีการทำเครื่องหมายด้วยองค์ประกอบ

ก่อนหน้านี้ หาก ruby-base หรือ ruby-text ยาวกว่าทั้งบรรทัด ระบบจะตัดขึ้นบรรทัดใหม่ทีละรายการ ซึ่งทำให้เกิดปัญหาด้านเลย์เอาต์

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

ดูตัวอย่างและข้อมูลเพิ่มเติมได้ที่<ruby> ที่แบ่งบรรทัดได้และพร็อพเพอร์ตี้ ruby-align ของ CSS

Promise.try

Promise.try ช่วยจัดการข้อผิดพลาดด้วย Promises ได้ง่ายขึ้น มีรูปแบบที่คุณมีฟังก์ชัน f ฟังก์ชันนี้อาจเป็นแบบแอสซิงค์และแสดงผล Promise หรืออาจไม่แสดงผลก็ได้ หากต้องการใช้ความหมายของ Promise เพื่อจัดการข้อผิดพลาดในทั้ง 2 กรณี ให้รวมฟังก์ชันไว้ใน Promise

วิธีหนึ่งในการทำเช่นนี้คือการใช้ Promise.resolve().then(f) แต่ในกรณีนี้ f จะทำงานแบบไม่สอดคล้องกันโดยไม่จำเป็นในทิกถัดไป

หากต้องการหลีกเลี่ยงปัญหานี้ คุณต้องใช้ new Promise(resolve => resolve(f())) ซึ่งไม่เหมาะกับสรีระร่างกายเลย

Promise.try เป็นวิธีที่ง่ายและตรงไปตรงมาในการดำเนินการเดียวกัน ซึ่งจะช่วยให้คุณเริ่มเชน Promise ที่จับข้อผิดพลาดทั้งหมดในตัวแฮนเดิล .catch ได้โดยไม่ต้องจัดการทั้งโฟลว์ข้อยกเว้นแบบซิงค์และแบบแอซิงค์

ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบ Promise.try

PointerEvent.deviceProperties สําหรับการเขียนด้วยปากกาหลายด้าม

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

ตอนนี้อินเทอร์เฟซ PointerEvent ขยายการให้บริการให้มีแอตทริบิวต์ใหม่ deviceProperties ประกอบด้วยแอตทริบิวต์ uniqueId ซึ่งแสดงตัวระบุที่ไม่ซ้ำกันแบบแยกเอกสารและถาวรของเซสชัน ซึ่งนักพัฒนาแอปสามารถใช้เพื่อระบุปากกาแต่ละด้ามที่โต้ตอบกับหน้าเว็บได้อย่างน่าเชื่อถือ

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

อ่านเกี่ยวกับการเริ่มต้นใช้งานเหตุการณ์เคอร์เซอร์ได้ในชี้ทางไปข้างหน้า

และอีกมากมาย

แน่นอนว่ายังมีอีกมากมาย

  • ตอนนี้พร็อพเพอร์ตี้ zoom ของ CSS สอดคล้องกับมาตรฐานล่าสุดแล้ว

  • ตอนนี้ข้อผิดพลาดในการสร้างและการแสดงผลเสียงของ AudioContext จะรายงานผ่าน AudioContext.onerror

  • ตอนนี้แผงภาพเคลื่อนไหวของ DevTools จะจับภาพภาพเคลื่อนไหวและคุณสามารถแก้ไข @keyframes ได้แบบเรียลไทม์

อ่านบันทึกประจำรุ่นฉบับเต็ม

อ่านเพิ่มเติม

ข้อมูลนี้เป็นเพียงไฮไลต์สำคัญบางส่วนเท่านั้น ดูการเปลี่ยนแปลงเพิ่มเติมใน Chrome 128 ได้ที่ลิงก์ต่อไปนี้

สมัครใช้บริการ

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

ฉันชื่อ Adriana Jara และเราจะคอยแจ้งให้คุณทราบเกี่ยวกับสิ่งใหม่ๆ ใน Chrome ทันทีที่ Chrome 128 เปิดตัว