มีอะไรใหม่ใน Chrome
จากบล็อก
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
- กรณีศึกษา
- Chrome
13 พฤษภาคม ค.ศ. 2024
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
7 พฤษภาคม ค.ศ. 2024
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษา :has()
ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
7 พฤษภาคม ค.ศ. 2024
กรณีศึกษาของ Popover
Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน
- กรณีศึกษา
- CSS
- HTML
- JavaScript
- 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
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
- กรณีศึกษา
- Chrome
12 กุมภาพันธ์ ค.ศ. 2025
การอัปเดตเอกสารประกอบ
วิธีที่ LLM สตรีมคำตอบ
การแจ้งเตือนและการอุทธรณ์สำหรับ Chrome เว็บสโตร์
AI API ในช่วงทดลองใช้จากต้นทาง
ดูและแก้ไขพื้นที่เก็บข้อมูลของส่วนขยาย
ตรวจสอบว่าพาสคีย์สอดคล้องกับข้อมูลเข้าสู่ระบบด้วย Signal API
ภาพเคลื่อนไหวไปยัง height: auto;
(และคีย์เวิร์ดการปรับขนาดตามค่าเริ่มต้นอื่นๆ) ใน CSS
interpolate-size
และ calc-size()
กรณีศึกษา
วิธีที่ Spotify ใช้ API การแสดงภาพซ้อนภาพเพื่อสร้างมินิเพลเยอร์ของ Spotify
Updated 13 พฤษภาคม ค.ศ. 2024
เรียนรู้เกี่ยวกับการเปลี่ยนโฉมมินิเพลเยอร์ของ Spotify จากการแฮ็กผ้าใบ" ไปสู่ประสบการณ์การใช้งานที่ปรับแต่งด้วย Document Picture-in-Picture API
- กรณีศึกษา
- Chrome
กรณีศึกษาเกี่ยวกับการค้นหาคอนเทนเนอร์
Updated 7 พฤษภาคม ค.ศ. 2024
ดูข้อมูลเกี่ยวกับประโยชน์ของการค้นหาคอนเทนเนอร์จาก redBus และ Tokopedia
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
ดูกรณีศึกษาเกี่ยวกับการเปลี่ยน
Updated 7 พฤษภาคม ค.ศ. 2024
RedBus, Policybazaar และ Tokopedia จะใช้ View Transition API เพื่อเพิ่มประสิทธิภาพการใช้งานและ UI ที่ราบรื่นในการทำงาน
- กรณีศึกษา
- CSS
- JavaScript
- Chrome
กรณีศึกษาเกี่ยวกับภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
Updated 7 พฤษภาคม ค.ศ. 2024
ดูประโยชน์ของภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อนด้วย Policybazaar, redBus และ Tokopedia
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
กรณีศึกษา :has()
Updated 7 พฤษภาคม ค.ศ. 2024
ดูว่า Policybazaar และ Tokopedia ได้รับประโยชน์อย่างไรจากการใช้ :has()
- กรณีศึกษา
- JavaScript
- CSS
- Chrome
กรณีศึกษาของ Popover
Updated 24 เมษายน ค.ศ. 2024
Tokopedia ใช้ Popover API เพื่อลดปริมาณโค้ดในแอปพลิเคชัน
- กรณีศึกษา
- CSS
- HTML
- JavaScript
- Chrome
วิธีที่ Photoshop แก้ปัญหาการทำงานกับไฟล์ที่มีขนาดใหญ่กว่าใส่ลงในหน่วยความจำได้
Updated 5 มิถุนายน ค.ศ. 2023
ดูวิธีที่ Adobe ช่วยให้ผู้ใช้แก้ไขไฟล์ขนาดใหญ่ที่สุดได้บนแอป Photoshop อันโด่งดังเวอร์ชันเว็บ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) ในปี 2021 Adobe ร่วมกับทีมวิศวกรของ Chrome ได้ นำ Photoshop เวอร์ชันหนึ่งมาสู่เว็บ ซอฟต์แวร์นี้ใช้ WebAssembly
- กรณีศึกษา
- Chrome
วิธีที่แอปแก้ไขรูปภาพเวกเตอร์ Boxy SVG ใช้ Local Font Access API เพื่อให้ผู้ใช้เลือกแบบอักษรโปรดในพื้นที่
Updated 1 มิถุนายน ค.ศ. 2023
Local Font Access API มีกลไกในการเข้าถึงข้อมูลแบบอักษรที่ผู้ใช้ติดตั้งไว้ในเครื่อง ซึ่งรวมถึงรายละเอียดระดับสูงขึ้น เช่น ชื่อ สไตล์ และตระกูล รวมถึงไบต์ดิบของไฟล์แบบอักษรที่เกี่ยวข้อง ดูวิธีที่แอปแก้ไข SVG อย่าง Boxy SVG ใช้ API นี้
- JavaScript
- Chrome
เครื่องมือแก้ไขเกม Construct 3 ใช้ File System Access API เพื่อให้ผู้ใช้บันทึกเกมได้อย่างไร
Updated 30 พฤษภาคม ค.ศ. 2023
File System Access API ช่วยให้สามารถอ่าน เขียน และจัดการไฟล์ได้ ดูวิธีที่ Construct 3 ใช้ API นี้ (บทความนี้มีให้บริการในรูปแบบวิดีโอด้วย) Construct 3 เป็นโปรแกรมแก้ไขเกมที่พัฒนาโดยพี่น้อง Thomas และ Ashley Gullen สำหรับเครื่องมือแก้ไขเกมเวอร์ชันที่
- JavaScript
- Chrome