รับแรงบันดาลใจจากกรณีศึกษา
อ่านกรณีศึกษาเหล่านี้เพื่อหาแรงบันดาลใจสำหรับโครงการถัดไปของคุณด้วย Chrome
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
กรณีศึกษา :has()
ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
กรณีศึกษาของ Popover
Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน
วิธีที่ Photoshop แก้ปัญหาการทำงานกับไฟล์ที่มีขนาดใหญ่กว่าใส่ลงในหน่วยความจำได้
ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly
วิธีที่แอปแก้ไขรูปภาพเวกเตอร์ Boxy SVG ใช้ Local Font Access API เพื่อให้ผู้ใช้เลือกแบบอักษรโปรดในพื้นที่
Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ผู้ใช้ติดตั้งไว้ในเครื่อง ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้
เครื่องมือแก้ไขเกม Construct 3 ใช้ File System Access API เพื่อให้ผู้ใช้บันทึกเกมได้อย่างไร
File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่
วิธีที่ LEGO® Education ใช้เว็บบลูทูธและ Web Serial API
LEGO Education ใช้พลังของเว็บเพื่อทำให้การเชื่อมต่อโมเดล LEGO กับคอมพิวเตอร์เป็นเรื่องง่ายที่สุดเท่าที่จะเป็นไปได้
วิธีที่แอปแก้ไขรูปภาพ Photopea ใช้ File Handling API เพื่อให้ผู้ใช้เปิดไฟล์จากเครื่องมือสำรวจไฟล์ของตนเองได้
File Handling API ช่วยให้เว็บแอปพลิเคชันลงทะเบียนตัวเองเป็นตัวแฮนเดิลไฟล์สำหรับรูปแบบไฟล์ที่แอปพลิเคชันรองรับได้ ดูวิธีที่แอปพลิเคชันแก้ไขรูปภาพ Photopea ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Photopea
กรณีศึกษา: การแก้ไขข้อบกพร่องของ Angular ที่ดียิ่งขึ้นด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
การใช้ Angular เป็นการทดสอบนำร่องทำให้ทีม Chrome DevTools และทีม Angular ทำงานร่วมกันเพื่อมอบประสบการณ์การแก้ไขข้อบกพร่องที่ดียิ่งขึ้น กรอบการทำงานอื่นๆ อาจมีการเปลี่ยนแปลงในลักษณะเดียวกัน
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience