เผยแพร่: 24 มิถุนายน 2025
Chrome 138 เปิดตัวแล้ว และโพสต์นี้จะแชร์ฟีเจอร์หลักบางส่วน จากการเปิดตัว อ่านบันทึกประจำรุ่นของ Chrome 138 ฉบับเต็ม
ไฮไลต์จากรุ่นนี้
- ใช้ AI API ในตัวใหม่เพื่อสรุป แปล หรือตรวจหาภาษาของข้อความ
- ดูฟังก์ชัน CSS ใหม่ๆ
- ปรับเลย์เอาต์เว็บให้กำหนดเป้าหมายอุปกรณ์พับได้ด้วย Viewport Segments API
API ของเครื่องมือแปล ภาษา และสรุป
Chrome กำลังพัฒนา API แพลตฟอร์มเว็บและฟีเจอร์ของเบราว์เซอร์ที่ออกแบบมาเพื่อทำงานร่วมกับโมเดล AI, โมเดลผู้เชี่ยวชาญ และโมเดลภาษาขนาดใหญ่ (LLM) ที่สร้างขึ้นในเบราว์เซอร์ ซึ่งรวมถึง Gemini Nano ซึ่งเป็น LLM ในตระกูล Gemini เวอร์ชันที่มีประสิทธิภาพมากที่สุด ออกแบบมาเพื่อทำงานในเครื่องบนคอมพิวเตอร์เดสก์ท็อปและแล็ปท็อปที่ทันสมัยส่วนใหญ่ 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 ช่วยให้คุณกำหนดเป้าหมายอุปกรณ์แบบพับได้ กลุ่ม Viewport จะสร้างขึ้นเมื่อ Viewport ถูกแบ่งด้วยฟีเจอร์ฮาร์ดแวร์อย่างน้อย 1 รายการ (เช่น รอยพับหรือบานพับระหว่างจอแสดงผลแยกกัน) ซึ่งทำหน้าที่เป็นตัวคั่น
ดูข้อมูลเพิ่มเติมได้ที่รองรับอุปกรณ์พับได้ด้วย Viewport Segments API
และอีกมากมาย
แน่นอนว่ายังมีอีกมากมาย
- เมื่อ
<และ>อยู่ในค่าแอตทริบิวต์ ตอนนี้ระบบจะหลีกเลี่ยงอักขระดังกล่าวเมื่อทำการซีเรียลไลซ์ - ค่าใหม่ 2 ค่า ได้แก่
"prefetchCache"และ"prerenderCache"สำหรับส่วนหัวClear-Site-Dataช่วยให้คุณกำหนดเป้าหมายการล้างแคชการแสดงผลล่วงหน้าและการดึงข้อมูลล่วงหน้าได้ stretchคีย์เวิร์ดสำหรับพร็อพเพอร์ตี้การกำหนดขนาด CSS (เช่นwidthและheight) ช่วยให้องค์ประกอบขยายจนเต็มพื้นที่ว่างของบล็อกที่บรรจุได้อย่างพอดี