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

ดำดิ่งสู่คอลเล็กชันรูปแบบใหม่สุดวิเศษสำหรับแอปที่น่าทึ่ง รวมถึงรูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบแอป

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

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

ไม่มีวิธีทั่วไปที่จะทำให้เข้าใจรูปแบบเหล่านี้

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

กำลังแชร์ความคืบหน้า

ตัวอย่างเช่น มีบางเบราว์เซอร์เท่านั้นที่จะใช้ Web Share API ดังนั้น ในบางกรณีคุณจะ ต้องกลับไปใช้วิธีการอื่น เช่น เจตจำนงของเว็บใน 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