เผยแพร่เมื่อวันที่ 24 มิถุนายน 2025
Chrome 138 กำลังเปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์หลักบางอย่างจากการเปิดตัว อ่านบันทึกประจำรุ่นฉบับเต็มของ Chrome 138
ไฮไลต์จากการเปิดตัวนี้
- ใช้ AI API ในตัวใหม่ เพื่อสรุป แปล หรือตรวจหาภาษาของข้อความ
- ดูฟังก์ชัน CSS ใหม่หลายรายการ
- ปรับเลย์เอาต์เว็บให้กำหนดเป้าหมายอุปกรณ์พับได้ด้วย Viewport Segments API
Translator, Language Detector และ Summarizer API
Chrome กำลังพัฒนา Web Platform API และฟีเจอร์ของเบราว์เซอร์ที่ออกแบบมาให้ทำงานร่วมกับโมเดล AI, โมเดลผู้เชี่ยวชาญ และโมเดลภาษาขนาดใหญ่ (LLM) ที่สร้างขึ้นในเบราว์เซอร์ AI ในตัวช่วยให้เว็บไซต์หรือเว็บแอปพลิเคชันของคุณทำงานที่ขับเคลื่อนด้วย AI ได้โดยไม่จำเป็นต้องติดตั้งใช้งาน จัดการ หรือโฮสต์โมเดล AI ด้วยตนเอง
ตั้งแต่ Chrome 138 เป็นต้นไป คุณสามารถเพิ่มความสามารถในการแปลลงในเว็บแอปพลิเคชันได้ ด้วย Translator API ซึ่งจะช่วยให้ผู้ใช้มีส่วนร่วมในภาษาแรกของตนเองได้ ตัวอย่างเช่น เมื่อเข้าร่วมแชทสนับสนุน เว็บไซต์ของคุณสามารถแปลเนื้อหาของผู้ใช้เป็นภาษาที่ตัวแทนฝ่ายสนับสนุนใช้ก่อนที่เนื้อหาจะออกจากอุปกรณ์ของผู้ใช้ ซึ่งจะสร้างประสบการณ์การใช้งานที่ราบรื่น รวดเร็ว และครอบคลุมสำหรับผู้ใช้ทุกคน
Translator API สามารถทำงานร่วมกับ Language Detector API เพื่อเปิดใช้ การตรวจหาภาษาในอุปกรณ์ของผู้ใช้เอง ซึ่งให้ความเป็นส่วนตัวที่ดีกว่า โซลูชันทางเลือกที่ต้องอัปโหลดไปยังเซิร์ฟเวอร์ระบบคลาวด์
Summarizer API สามารถใช้เพื่อสร้างสรุปประเภทต่างๆ ในความยาวและรูปแบบที่หลากหลาย เช่น ประโยค ย่อหน้า รายการแบบมีสัญลักษณ์แสดงหัวข้อย่อย และอื่นๆ ตัวอย่างเช่น
- สรุปประเด็นสำคัญของบทความหรือการสนทนาในแชท
- แนะนำชื่อและส่วนหัวสำหรับบทความ
- สร้างสรุปที่กระชับและให้ข้อมูลของข้อความยาวๆ
- สร้างทีเซอร์สำหรับหนังสือโดยอิงตามรีวิวหนังสือ
ฟังก์ชัน CSS
ฟังก์ชัน CSS ที่รวมอยู่ใน Chrome 138 ได้แก่ ฟังก์ชันที่เกี่ยวข้องกับเครื่องหมาย abs() และ sign() ซึ่งคำนวณฟังก์ชันต่างๆ ที่เกี่ยวข้องกับเครื่องหมายของอาร์กิวเมนต์
นอกจากนี้ ยังมีสัญกรณ์ฟังก์ชัน progress() ที่แสดงผลค่า <number> ซึ่งแสดงถึง
ตำแหน่งของการคำนวณหนึ่งรายการ (ค่าความคืบหน้า) ระหว่างการคำนวณอื่นๆ 2 รายการ
(ค่าเริ่มต้นความคืบหน้าและค่าสิ้นสุดความคืบหน้า)
สุดท้ายนี้ ฟังก์ชัน sibling-index() และ sibling-count() สามารถใช้เป็นจำนวนเต็มในค่าพร็อพเพอร์ตี้ CSS เพื่อจัดรูปแบบองค์ประกอบตามตำแหน่งในองค์ประกอบพี่น้องหรือจำนวนองค์ประกอบพี่น้องทั้งหมดตามลำดับ
Viewport Segments API
Viewport Segments API ช่วยให้คุณกำหนดเป้าหมายอุปกรณ์พับได้ ส่วนของวิวพอร์ตจะสร้างขึ้นเมื่อวิวพอร์ตถูกแบ่งโดยฟีเจอร์ฮาร์ดแวร์อย่างน้อย 1 รายการ (เช่น รอยพับหรือบานพับระหว่างจอแสดงผลแยกกัน) ซึ่งทำหน้าที่เป็นตัวแบ่ง
ดูข้อมูลเพิ่มเติมได้ที่ หัวข้อรองรับอุปกรณ์พับได้ด้วย Viewport Segments API
และอีกมากมาย
แน่นอนว่ายังมีอีกมากมาย
- เมื่อ
<และ>อยู่ในค่าแอตทริบิวต์ ระบบจะหลีกเลี่ยงอักขระพิเศษเหล่านี้เมื่อทำการซีเรียลไลซ์ - ค่าใหม่ 2 ค่า ได้แก่
"prefetchCache"และ"prerenderCache"สำหรับส่วนหัวClear-Site-Dataช่วยให้คุณกำหนดเป้าหมายการล้างแคชการแสดงผลล่วงหน้าและการดึงข้อมูลล่วงหน้า - คีย์เวิร์ด
stretchสำหรับพร็อพเพอร์ตี้การปรับขนาด CSS (เช่นwidthและheight) ช่วยให้องค์ประกอบขยายเพื่อเติมพื้นที่ว่างของบล็อกที่มีองค์ประกอบนั้นอยู่ได้อย่างพอดี