รูปแบบใหม่สำหรับแอปสุดเจ๋ง

สำรวจคอลเล็กชันรูปแบบใหม่ๆ ที่น่าทึ่งสำหรับแอปที่ยอดเยี่ยม เช่น รูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบต่างๆ ของแอป

ไม่ว่าคุณจะสร้างแอปอะไร ไม่ว่าจะเป็นแอปตัดต่อวิดีโอรุ่นใหม่ เกมคำศัพท์ที่ชวนติดตาม หรือแอปโซเชียลเน็ตเวิร์กออนไลน์ในอนาคต คุณจะต้องคำนึงถึงสิ่งต่อไปนี้เสมอ

  • แอปตัดต่อวิดีโออาจจะอนุญาตให้ผู้ใช้บันทึกวิดีโอที่แก้ไขได้
  • เกมของคุณอาจอนุญาตให้ผู้ใช้แชร์ความคืบหน้าของเกมกับเพื่อนๆ
  • แอปโซเชียลเน็ตเวิร์กออนไลน์มีแนวโน้มที่จะอนุญาตให้ผู้ใช้วางรูปภาพลงในโพสต์

ไม่มีวิธีที่เป็นสากลในการทำให้รูปแบบเหล่านี้เป็นจริงได้

นี่เป็นเพียงตัวอย่างบางส่วนของรูปแบบดังกล่าวเท่านั้น ยังมีอีกหลายตัวอย่าง แต่สิ่งเหล่านี้มีเหมือนกัน ไม่มีวิธีที่สากลจะตระหนักถึงสิ่งเหล่านี้ได้

ความคืบหน้าในการแชร์

ตัวอย่างเช่น บางเบราว์เซอร์อาจใช้ Web Share API ก็ทำให้บางเบราว์เซอร์ต้องใช้วิธีอื่น เช่น Web Intents ของ 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 ฯลฯ

กำลังวางรูปภาพ

เพื่อสรุปตัวอย่างเบื้องต้น บางเบราว์เซอร์ไม่รองรับการวางรูปภาพลงในเว็บแอป คุณสามารถเปลี่ยนไปใช้การลากและวางใน API หรือแสดงเครื่องมือเลือกไฟล์ ซึ่งดูไม่สวยงามเท่า Async Clipboard API แต่อย่างน้อยก็ใช้งานได้ดี

ลวดลายใหม่

เมื่อดำเนินการแล้ว ส่วนรูปแบบใหม่จะมีลักษณะดังนี้

รูปแบบคลิปบอร์ด

รูปแบบคลิปบอร์ดสำหรับทุกสิ่งที่เกี่ยวข้องกับคลิปบอร์ดของระบบ เช่น การคัดลอกและวางข้อมูลทุกประเภท

รูปแบบไฟล์

รูปแบบไฟล์สำหรับทุกอย่างที่เกี่ยวข้องกับไฟล์และไดเรกทอรี ไม่ว่าจะเป็นการบันทึก เปิด ลากและวาง รับ หรือแชร์

รูปแบบเว็บแอป

รูปแบบของเว็บแอปสำหรับทุกอย่างที่เกี่ยวข้องกับฟีเจอร์ขั้นสูงของแอป เช่น การมอบทางลัดของแอป การซิงค์ข้อมูลในเบื้องหลังเป็นระยะๆ การแสดงป้ายแอป และอื่นๆ อีกมากมาย

ความคิดเห็น

เราหวังว่ารูปแบบเหล่านี้จะช่วยให้คุณสร้างแอปที่ยอดเยี่ยม และเราหวังว่าจะได้รับความคิดเห็นจากคุณ คุณแสดงความคิดเห็นได้ด้วยการทวีตที่ @ChromiumDev หรือรายงานปัญหา ในทั้ง 2 กรณี ให้แท็ก @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