สำรวจคอลเล็กชันรูปแบบใหม่อันน่าทึ่งสำหรับแอปที่ยอดเยี่ยม ซึ่งรวมถึงรูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบแอป
ไม่ว่าคุณจะสร้างแอปอะไรก็ตาม ไม่ว่าจะเป็นแอปตัดต่อวิดีโอรุ่นถัดไป เกมต่อคำที่เล่นแล้วติดงอมแงม หรือแอปโซเชียลเน็ตเวิร์กออนไลน์แห่งอนาคต คุณจะต้องอาศัยองค์ประกอบพื้นฐานต่อไปนี้เสมอ
- แอปตัดต่อวิดีโออาจอนุญาตให้ผู้ใช้บันทึกวิดีโอที่แก้ไขแล้ว
- เกมของคุณอาจอนุญาตให้ผู้ใช้แชร์ความคืบหน้าในเกมกับเพื่อนได้
- แอปโซเชียลเน็ตเวิร์กออนไลน์มีแนวโน้มสูงที่จะอนุญาตให้ผู้ใช้วางรูปภาพลงในโพสต์
ไม่มีวิธีสากลในการทำให้รูปแบบเหล่านี้เกิดขึ้น
ตัวอย่างข้างต้นเป็นเพียงตัวอย่างรูปแบบดังกล่าวเพียง 2 ตัวอย่างเท่านั้น และยังมีอีกมากมาย แต่สิ่งเหล่านี้ทั้งหมดมีสิ่งหนึ่งที่เหมือนกันคือไม่มีวิธีใดที่เหมาะเจาะกับทุกกรณี
การแชร์ความคืบหน้า
ตัวอย่างเช่น เบราว์เซอร์บางรุ่นไม่ได้ใช้ Web Share API ดังนั้นในบางกรณี คุณอาจต้องใช้วิธีอื่น เช่น Web Intent ของ Twitter หรือคัดลอกไปยังคลิปบอร์ด ซึ่งเป็นแนวทางที่เลือกใน Wordle เมื่อไม่ได้ใช้ Web Share API เฮ้อ เกือบไม่ทัน
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
กำลังบันทึกไฟล์
สำหรับการบันทึก แนวทางที่แนะนำคือการใช้ File System Access API เพื่อให้ได้ FileSystemFileHandle ซึ่งจะช่วยให้คุณใช้ขั้นตอนการบันทึก แก้ไข และบันทึกได้จริง วิธีถัดไปที่ทำได้ดีที่สุดคือการกลับไปใช้ <a download> แบบคลาสสิก ซึ่งจะช่วยให้ผู้ใช้บันทึกข้อมูลได้เช่นกัน แต่มีข้อเสียคือการสร้างไฟล์ใหม่ในการดาวน์โหลดแต่ละครั้ง ผู้ใช้จึงมีไฟล์ my-video.mp4, my-video (1).mp4, my-video (2).mp4 ฯลฯ อยู่เป็นจำนวนมาก
การวางรูปภาพ
ตัวอย่างเบื้องต้นนี้สรุปได้ว่าเบราว์เซอร์บางรุ่นไม่รองรับการวางรูปภาพลงในเว็บแอป คุณจึงใช้ Drag and Drop API หรือแสดงเครื่องมือเลือกไฟล์แทนได้ ซึ่งไม่สะดวกเท่า Async Clipboard API แต่อย่างน้อยก็ใช้งานได้
รูปแบบใหม่
เมื่อดำเนินการเสร็จแล้ว ส่วนรูปแบบใหม่จะมีดังนี้
รูปแบบคลิปบอร์ด
รูปแบบคลิปบอร์ดสำหรับทุกอย่างที่เกี่ยวข้องกับคลิปบอร์ดของระบบ เช่น การคัดลอกและวางสิ่งต่างๆ ทั้งหมด
รูปแบบไฟล์
รูปแบบไฟล์สำหรับทุกอย่างที่เกี่ยวข้องกับไฟล์และไดเรกทอรี ไม่ว่าจะเป็นการบันทึก การเปิด การลากและวาง การรับ หรือแชร์
รูปแบบเว็บแอป
รูปแบบเว็บแอปสำหรับทุกอย่างที่เกี่ยวข้องกับฟีเจอร์ขั้นสูงของแอป เช่น การแสดงทางลัดของแอป การซิงค์ข้อมูลในเบื้องหลังเป็นระยะๆ การแสดงป้ายแอป และอื่นๆ อีกมากมาย
ความคิดเห็น
เราหวังว่ารูปแบบเหล่านี้จะช่วยคุณสร้างแอปที่ยอดเยี่ยม และหวังว่าจะได้รับความคิดเห็นจากคุณ
คุณสามารถแสดงความคิดเห็นได้โดยทวีตถึง @ChromiumDev หรือส่งปัญหา ไม่ว่าในกรณีใด โปรดติดแท็กเรา
@tomayacเพื่อให้เราเห็น
ขอขอบคุณ
ขอขอบคุณ Joe Medley ที่ให้ความช่วยเหลือในการตรวจสอบและแก้ไขรูปแบบ ขอขอบคุณ Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal และ Matthias Rohmer ที่สนับสนุนด้านเทคนิคและองค์กร รวมถึงให้กำลังใจเราจนทำให้โปรเจ็กต์นี้สำเร็จ โปรเจ็กต์รูปแบบทั้งหมดนี้เกิดขึ้นไม่ได้หากไม่มีความช่วยเหลือจากผู้เขียนรูปแบบแต่ละรูปแบบ ได้แก่ Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort และ Joe Medley