เผยแพร่เมื่อ: 20 พฤษภาคม 2025
ในงาน Google I/O 2025 เราได้เปิดตัวฟีเจอร์ใหม่ๆ ที่จะช่วยเพิ่มประสิทธิภาพการทำงานและช่วยให้คุณสร้างเว็บที่ทรงพลัง ราบรื่น และทันสมัยยิ่งขึ้น
ต่อไปนี้คือ 10 นวัตกรรมสำคัญที่จะมอบความสามารถล้ำสมัยให้คุณได้ใช้งานโดยตรงและสร้างแรงบันดาลใจให้กับโปรเจ็กต์ถัดไปของคุณได้อย่างแน่นอน
1. สร้างภาพหมุนได้ง่ายกว่าที่เคยด้วย CSS และ HTML เพียงไม่กี่บรรทัด
สร้างภาพหมุนที่สวยงามด้วย CSS ซึ่งโต้ตอบได้ตั้งแต่การแสดงผลครั้งแรก Chrome 135 ได้เปิดตัว CSS Primitive ใหม่ ได้แก่ การแยกส่วนที่จัดสไตล์ได้ องค์ประกอบเครื่องหมายการเลื่อน และปุ่มเลื่อน ซึ่งช่วยลดความซับซ้อนในการสร้างภาพหมุนโดยไม่ต้องใช้ JavaScript ใช้แนวคิด CSS ที่คุ้นเคยเพื่อสร้างภาพหมุนที่สมบูรณ์ โต้ตอบได้ ราบรื่น และเข้าถึงได้มากขึ้นในเวลาเพียงเล็กน้อย
2. Declarative Popovers: ขอแนะนำ Interest Invoker API ใหม่
Interest Invoker API เวอร์ชันทดลองพร้อมให้ใช้งานแล้วในรูปแบบการ
ทดลองใช้จากต้นทาง
ฟีเจอร์นี้ช่วยให้คุณสลับป๊อปอัปแบบประกาศได้เมื่อความสนใจของผู้เข้าชมมีระยะเวลาสั้นๆ บอกลาแอตทริบิวต์ [title] ที่จัดสไตล์ไม่ได้ แล้วพบกับ [interesttarget] ใช้ร่วมกับ
Anchor Positioning API และ
Popover API
เพื่อสร้าง
องค์ประกอบ UI ที่สมบูรณ์ ตอบสนอง และโต้ตอบได้ เช่น คำแนะนำเครื่องมือหรือการ์ดเมื่อวางเมาส์
โดยไม่ต้องใช้ JavaScript CSS สมัยใหม่มีความเป็นไปได้ไม่สิ้นสุด
3. AI API ในตัวหลายรายการที่ใช้โมเดลพื้นฐานชั้นนำพร้อมให้ใช้งานแล้ว โดยมีฟีเจอร์ความสามารถแบบมัลติโมดัลใน Prompt API
การเดินทางของ AI ในตัวยังคงดำเนินต่อไป โดยมอบความเป็นส่วนตัวที่ดียิ่งขึ้น เวลาในการตอบสนองที่ลดลง และค่าใช้จ่ายที่ต่ำลง พร้อมทั้งให้คุณเข้าถึงเอาต์พุตคุณภาพสูงที่สร้างโดย AI AI ในตัวใช้โมเดลของผู้เชี่ยวชาญและ Gemini Nano ซึ่งเป็นโมเดลที่มีประสิทธิภาพที่สุดของ Google สำหรับงานในอุปกรณ์ ตั้งแต่ Chrome 138 เป็นต้นไป Summarizer API, Language Detector API, Translator API และ Prompt API สำหรับส่วนขยาย Chrome จะพร้อมใช้งานในเวอร์ชันเสถียร นอกจากนี้ Writer API และ Rewriter API ยังพร้อมให้ใช้งานในการทดลองใช้จากต้นทางด้วย
Proofreader API ใหม่พร้อมกับ Prompt API ที่มีความสามารถแบบมัลติโมดัลพร้อมให้ใช้งานใน Chrome Canary แล้ว
หากต้องการข้อมูลล่าสุด โปรดเข้าร่วมโปรแกรมทดลองใช้ล่วงหน้า เพื่อทำงานร่วมกันใน AI API ในตัวใหม่และกำหนดอนาคตของ AI บนเว็บ
4. AI ฝั่งไคลเอ็นต์ขยายขีดความสามารถด้วย Firebase และ Gemini Developer API เพื่อมอบโซลูชัน AI แบบไฮบริด
การทำงานร่วมกันของเรากับ Firebase และ Gemini Developer API หมายความว่าตอนนี้คุณสามารถ สร้างประสบการณ์การใช้งานเว็บที่ขับเคลื่อนด้วย AI บนอุปกรณ์เคลื่อนที่และเดสก์ท็อปได้แล้ว แอปพลิเคชันเหล่านี้ใช้ AI ฝั่งไคลเอ็นต์เมื่อเป็นไปได้ และปรับขนาดเป็น AI ฝั่งเซิร์ฟเวอร์ได้อย่างราบรื่นเพื่อเข้าถึงอุปกรณ์และเบราว์เซอร์ทั้งหมด ตั้งแต่วันนี้เป็นต้นไป Firebase AI Logic จะให้การเข้าถึง Prompt API ในตัวของ Chrome ได้อย่างราบรื่น ซึ่งขับเคลื่อนโดย Gemini Nano และโมเดลขนาดเล็กที่คล้ายกันทางฝั่งเซิร์ฟเวอร์โดยใช้ Gemini Developer API
5. ความช่วยเหลือจาก AI ในเครื่องมือนักพัฒนาเว็บใน Chrome รองรับเวิร์กโฟลว์การดีบั๊กของคุณในด้านการจัดสไตล์ ประสิทธิภาพ และอื่นๆ
ความช่วยเหลือจาก AI คุณสามารถแชทกับ Gemini เพื่อช่วยดีบั๊กข้อผิดพลาดในการจัดสไตล์ในแผงองค์ประกอบ แก้ปัญหาด้านประสิทธิภาพในแผงประสิทธิภาพ ระบุปัญหาเครือข่ายในแผงเครือข่าย และค้นหาไฟล์ต้นฉบับในแผงแหล่งที่มา นอกจากนี้ ความช่วยเหลือจาก AI ยังสามารถใช้การเปลี่ยนแปลงที่เกี่ยวข้องกับการจัดสไตล์กับซอร์สโค้ดของคุณได้โดยตรงในแผงองค์ประกอบ
6. ข้อมูลผู้ใช้จริง ข้อมูลเชิงลึกของ Lighthouse และฟีเจอร์ AI ในแผงประสิทธิภาพของเครื่องมือนักพัฒนาเว็บใน Chrome ช่วยให้คุณเข้าใจและแก้ไขปัญหาด้านประสิทธิภาพ
แผงประสิทธิภาพที่ออกแบบใหม่ช่วยให้คุณเข้าถึงข้อมูล Core Web Vitals ของผู้ใช้จริงและในเครื่องได้แล้ว และขอให้ Gemini ช่วยคุณทำความเข้าใจและแก้ไขปัญหาด้านประสิทธิภาพได้ แถบด้านข้าง ข้อมูลเชิงลึกจะนำข้อมูลเชิงลึกของ Lighthouse มาไว้ในร่องรอยการทำงาน ซึ่งช่วยให้คุณดีบั๊กได้เร็วขึ้น โดยไม่ต้องออกจากเวิร์กโฟลว์หรือขัดขวางประสิทธิภาพการทำงาน
7. ตอนนี้ฟีเจอร์พื้นฐานพร้อมให้ใช้งานแล้วในเครื่องมือที่คุณคุ้นเคย ได้แก่ VS Code, ESLint และอื่นๆ
เพิ่มความถูกต้องและความมั่นใจในเวิร์กโฟลว์การพัฒนาเว็บด้วยการผสานรวมพื้นฐาน คุณจะได้รับข้อมูลที่ชัดเจนเกี่ยวกับความพร้อมใช้งานของฟีเจอร์เว็บในเบราว์เซอร์หลักๆ ภายในเครื่องมือพัฒนาเว็บที่คุณคุ้นเคย ดังนี้
- IDE: VSCode จะแสดงสถานะพื้นฐานของฟีเจอร์ต่างๆ ขณะที่คุณสร้าง โดยจะรองรับ WebStorm โดย JetBrains และ IDE ที่อิงตาม VS Code รวมถึง Firebase Studio, Windsurf, GitHub Codespaces และอื่นๆ ในเร็วๆ นี้
- Linters: CSS และ HTML Linters จะเตือนคุณล่วงหน้าเมื่อคุณใช้ฟีเจอร์ที่ใหม่กว่าเป้าหมายพื้นฐาน ESLint สำหรับ CSS, HTML ESLint และ Stylelint รองรับพื้นฐาน
- Analytics: RUMvision ผสานรวมข้อมูลพื้นฐาน กับเมตริกผู้ใช้จริง ซึ่งช่วยให้คุณเลือกเวอร์ชันพื้นฐานที่เหมาะสมที่สุด สำหรับกลุ่มเป้าหมายได้อย่างมีกลยุทธ์ ผู้ใช้ Google Analytics สามารถอัปโหลด ข้อมูลไปยัง ตัวตรวจสอบพื้นฐานของ Google Analytics เพื่อรับ คำแนะนำพื้นฐาน
- คอมไพเลอร์: ใช้ browserslist-config-baseline เพื่อเสียบเป้าหมายพื้นฐานลงในเครื่องมือการคอมไพล์โค้ด เช่น Babel และ PostCSS เพื่อให้คุณใช้ฟีเจอร์ที่ทันสมัยในซอร์สโค้ด และ คอมไพล์ลงในบิลด์เวอร์ชันที่ใช้งานจริงได้
8. ดูภาพรวมทั้งหมดของการรองรับฟีเจอร์เว็บด้วยแดชบอร์ดแพลตฟอร์มเว็บ
เมื่อปีที่แล้ว เราได้ประกาศเปิดตัว แดชบอร์ดแพลตฟอร์มเว็บ ซึ่งเป็น วิธีสำรวจ ข้อมูลฟีเจอร์เว็บ ที่แมป แพลตฟอร์มเว็บทั้งหมดเป็นชุดฟีเจอร์ ตอนนี้ชุดข้อมูลฟีเจอร์เว็บได้รับการแมป 100% แล้ว คุณจึงดูสถานะพื้นฐานของทุกฟีเจอร์ในทุกเบราว์เซอร์ได้เป็นครั้งแรก ตั้งแต่ AVIF ไปจนถึงการเปลี่ยนภาพ รวมถึงความพร้อมใช้งานและการนำไปใช้ รับข้อมูลล่าสุดและสร้างได้อย่างมั่นใจ
9. การทดลองใช้สำหรับนักพัฒนาแอปเพื่อประสบการณ์การลงชื่อเข้าใช้ที่คล่องตัวด้วยเครื่องมือจัดการข้อมูลเข้าสู่ระบบ
เรารับทราบถึงความยุ่งยากที่วิธีการตรวจสอบสิทธิ์หลายวิธี รวมถึงรหัสผ่าน การรวมข้อมูลประจำตัว และรหัสผ่านอาจก่อให้เกิดกับผู้ใช้เว็บไซต์ของคุณ เป้าหมายของเราคือการมอบประสบการณ์การลงชื่อเข้าใช้ที่ง่ายดายและเป็นหนึ่งเดียวแก่ผู้ใช้ เราจึงนำประสบการณ์การใช้งานที่ใช้งานง่ายของเครื่องมือจัดการข้อมูลเข้าสู่ระบบของ Android มาไว้ใน Chrome ในเร็วๆ นี้ เมื่อผู้ใช้คลิกลงชื่อเข้าใช้ Chrome จะแสดงข้อมูลเข้าสู่ระบบที่พร้อมใช้งานสำหรับเว็บไซต์นี้ เช่น รหัสผ่านและรหัสผ่านจากเครื่องมือจัดการรหัสผ่านของ Google ซึ่งจะทำให้การลงชื่อเข้าใช้เป็นไปอย่างราบรื่น เราวางแผนที่จะเพิ่มการรวมข้อมูลประจำตัวลงในประสบการณ์นี้ด้วย เครื่องมือจัดการข้อมูลเข้าสู่ระบบสำหรับเว็บพร้อมให้ใช้งานในการทดลองใช้สำหรับนักพัฒนาแอปแล้ว โปรดติดตามข้อมูลอัปเดตเพิ่มเติมภายในปีนี้
10. ทำซ้ำส่วนขยาย Chrome ได้เร็วขึ้นด้วยความสามารถในการยกเลิกการส่งเพื่อรับการตรวจสอบ
การส่งส่วนขยาย Chrome ควรเป็นไปอย่างราบรื่น ไม่ต้องกังวล และน่าตื่นเต้น อย่างไรก็ตาม เราทราบว่าความยุ่งยากประการหนึ่งคือการไม่สามารถแก้ไขข้อผิดพลาดในการส่งที่รอดำเนินการได้อย่างรวดเร็ว เมื่อต้นปีนี้ เราได้เปิดตัวความสามารถในการ ยกเลิกการส่งที่รอดำเนินการ, ซึ่งต่อยอดจากความสามารถในการ ย้อนกลับเวอร์ชันที่เผยแพร่ก่อนหน้านี้—ทั้งหมดนี้มี เป้าหมายเพื่อให้คุณทำการเปลี่ยนแปลงและส่งอีกครั้งได้อย่างรวดเร็ว
หากต้องการข้อมูลล่าสุดทั้งหมด โปรดไปที่ developer.chrome.com และ web.dev เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่เราทำให้เว็บทรงพลัง ใช้งานได้ง่ายขึ้น และอย่าลืมเชื่อมต่อกับเราบน X, YouTube, และ LinkedIn แล้วพบกันใหม่ในงาน I/O ครั้งหน้า
Deloitte หมายถึง Deloitte Touche Tohmatsu Limited ซึ่งเป็นบริษัทเอกชนจำกัดความรับผิดในสหราชอาณาจักร ("DTTL") เครือข่ายบริษัทสมาชิก และหน่วยงานที่เกี่ยวข้องตั้งแต่ 1 แห่งขึ้นไป DTTL และบริษัทสมาชิกแต่ละแห่งเป็นหน่วยงานที่แยกจากกันและเป็นอิสระตามกฎหมาย DTTL (หรือที่เรียกว่า "Deloitte Global") ไม่ได้ให้บริการแก่ลูกค้า ในสหรัฐอเมริกา Deloitte หมายถึงบริษัทสมาชิกในสหรัฐอเมริกาของ DTTL หน่วยงานที่เกี่ยวข้องซึ่งดำเนินการโดยใช้ชื่อ "Deloitte" ในสหรัฐอเมริกา และบริษัทในเครือที่เกี่ยวข้องตั้งแต่ 1 แห่งขึ้นไป บริการบางอย่างอาจไม่พร้อมให้บริการแก่ลูกค้าที่ต้องรับรองความถูกต้องตามกฎและข้อบังคับของการบัญชีสาธารณะ โปรดดูข้อมูลเพิ่มเติมเกี่ยวกับเครือข่ายบริษัทสมาชิกทั่วโลกของเราได้ที่ www.deloitte.com/about