บล็อก
วิธีที่ eBay เพิ่มอัตราการเข้าสู่ระบบสำเร็จขึ้น 10% ด้วยการแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น
ดูว่า eBay เพิ่มโอกาสในการเข้าสู่ระบบสำเร็จขึ้น 10% ได้อย่างไรโดยใช้ลิงก์ชิ้นงานดิจิทัลเพื่อแชร์ข้อมูลเข้าสู่ระบบอย่างราบรื่น ดูวิธีใช้การยืนยันตัวตนข้ามแพลตฟอร์มที่ปลอดภัยและปรับปรุงประสบการณ์ของผู้ใช้
- Identity
- กรณีศึกษา
- Chrome
6 มีนาคม ค.ศ. 2025
วิธีที่ NRK ใช้ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนเพื่อทำให้เรื่องราวมีชีวิตชีวา
ดูวิธีที่ภาพเคลื่อนไหวที่ทำงานตามการเลื่อนและการเรียกให้แสดงเมื่อเลื่อนช่วยเพิ่มประสิทธิภาพให้กับบทความการเล่าเรื่อง
- กรณีศึกษา
- HTML
- CSS
- JavaScript
- Chrome
26 กุมภาพันธ์ ค.ศ. 2025
วิธีที่ Google Search ใช้กฎการคาดเดา
ดูวิธีที่ Google Search ใช้ Speculation Rules API เพื่อแสดงผลการค้นหาล่วงหน้าแบบไม่ระบุตัวตนเพื่อปรับปรุงประสบการณ์ของผู้ใช้
- กรณีศึกษา
- Chrome
12 กุมภาพันธ์ ค.ศ. 2025
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
- กรณีศึกษา
- TypeScript
- Chrome
13 พฤษภาคม ค.ศ. 2024
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษา :has()
ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษาของ Popover
Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน
- กรณีศึกษา
- JavaScript
- HTML
- CSS
- Chrome
24 เมษายน ค.ศ. 2024
วิธีที่ Photoshop แก้ปัญหาการทำงานกับไฟล์ที่มีขนาดใหญ่กว่าใส่ลงในหน่วยความจำได้
ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly
- กรณีศึกษา
- Chrome
5 มิถุนายน ค.ศ. 2023
วิธีที่แอปแก้ไขรูปภาพเวกเตอร์ Boxy SVG ใช้ Local Font Access API เพื่อให้ผู้ใช้เลือกแบบอักษรโปรดในพื้นที่
Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ติดตั้งในเครื่องของผู้ใช้ ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้
- กรณีศึกษา
- JavaScript
- Chrome
1 มิถุนายน ค.ศ. 2023
เครื่องมือแก้ไขเกม Construct 3 ใช้ File System Access API เพื่อให้ผู้ใช้บันทึกเกมได้อย่างไร
File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่
- กรณีศึกษา
- JavaScript
- Chrome
30 พฤษภาคม ค.ศ. 2023
วิธีที่ LEGO® Education ใช้เว็บบลูทูธและ Web Serial API
LEGO Education ใช้พลังของเว็บเพื่อทำให้การเชื่อมต่อโมเดล LEGO กับคอมพิวเตอร์เป็นเรื่องง่ายที่สุดเท่าที่จะเป็นไปได้
- กรณีศึกษา
- JavaScript
- Chrome
22 พฤษภาคม ค.ศ. 2023
วิธีที่แอปแก้ไขรูปภาพ Photopea ใช้ File Handling API เพื่อให้ผู้ใช้เปิดไฟล์จากเครื่องมือสำรวจไฟล์ของตนเองได้
File Handling API ช่วยให้เว็บแอปพลิเคชันลงทะเบียนตัวเองเป็นตัวแฮนเดิลไฟล์สำหรับรูปแบบไฟล์ที่แอปพลิเคชันรองรับได้ ดูวิธีที่แอปพลิเคชันแก้ไขรูปภาพ Photopea ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Photopea
- กรณีศึกษา
- JavaScript
- Chrome
15 พฤษภาคม ค.ศ. 2023
กรณีศึกษา: การแก้ไขข้อบกพร่องของ Angular ที่ดียิ่งขึ้นด้วยเครื่องมือสำหรับนักพัฒนาเว็บ
การใช้ Angular เป็นการทดสอบนำร่องทำให้ทีม Chrome DevTools และทีม Angular ทำงานร่วมกันเพื่อมอบประสบการณ์การแก้ไขข้อบกพร่องที่ดียิ่งขึ้น กรอบการทำงานอื่นๆ อาจมีการเปลี่ยนแปลงในลักษณะเดียวกัน
- กรณีศึกษา
- JavaScript
- Chrome
31 สิงหาคม ค.ศ. 2022