เบราว์เซอร์ของคุณรองรับความสามารถเว็บขั้นสูงใดบ้าง และเว็บแอปที่ใช้ความสามารถเหล่านี้มีอะไรบ้าง เพื่อตอบคำถามเหล่านี้ โปรดดูที่ไซต์ทดสอบเบราว์เซอร์และส่วนขยายของเบราว์เซอร์
Project Fugu เป็นการดำเนินการข้ามบริษัทเพื่ออุดช่องโหว่ด้านความสามารถของเว็บ โดยทำให้มีชั้นเรียนใหม่ๆ ของแอปพลิเคชันสามารถทำงานบนเว็บได้ หรือพูดง่ายๆ ก็คือการเพิ่ม API ใหม่ๆ ลงในเบราว์เซอร์ที่นักพัฒนาแอปสามารถใช้เพื่อเปิดใช้กรณีการใช้งานที่ก่อนหน้านี้ทำไม่ได้ เบราว์เซอร์ที่คุณเลือกรองรับ API ใดบ้าง เว็บแอปพลิเคชันใดที่ใช้ API เหล่านี้ได้ มาดูกัน
เบราว์เซอร์ของฉัน Fugu เป็นอย่างไร
Project Fugu API เช่น การจัดการไฟล์, การเข้าถึงระบบไฟล์, คลิปบอร์ดแบบไม่พร้อมกัน และการแชร์เว็บได้นำความสามารถต่างๆ มาสู่เว็บซึ่งคุณอาจคาดหวังให้เป็นไปได้ในแอปเฉพาะแพลตฟอร์มเท่านั้น ตัวอย่างเช่น คุณอาจดับเบิลคลิกไฟล์ภาพเพื่อเปิดใน PWA ที่เกี่ยวข้อง ทำการแก้ไข บันทึกการเปลี่ยนแปลงกลับไปที่ไฟล์ จากนั้นคัดลอกเนื้อหารูปภาพไปยังแอปอื่นหรือแชร์กับโปรแกรมรับส่งอีเมล ขั้นตอนดังกล่าวเป็นกระบวนการที่ไม่สามารถทำได้บนเว็บจนกระทั่งเมื่อไม่นานมานี้
หากต้องการเรียนรู้ถึงสิ่งที่เป็นไปได้ โปรดดูแอปพลิเคชัน เบราว์เซอร์ของฉันเป็น Fugu อย่างไร และดูว่า Project Fugu API ที่เบราว์เซอร์ของคุณรองรับมีอะไรบ้าง บางฟีเจอร์อาจไม่แสดงในทุกแพลตฟอร์ม เช่น ปัจจุบัน Contact Picker API แสดงบนอุปกรณ์เคลื่อนที่เท่านั้น ดังนั้นจึงเป็นไปไม่ได้เลยที่จะได้คะแนน 100% หากทดสอบบนเดสก์ท็อป (และในทางกลับกัน) ดังนั้น มองว่าการทดสอบนี้เป็นการแข่งขันที่สนุกสนานมากกว่าจะเป็นวิทยาศาสตร์สัมบูรณ์ สำหรับฟีเจอร์ที่ทดสอบแต่ละรายการจะมีลิงก์ไปยังเอกสารที่เกี่ยวข้องเพื่อให้คุณดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ดังกล่าวได้ ในกรณีที่การตรวจหาฟีเจอร์เป็นไปได้ จะมีหมายเหตุว่าเบราว์เซอร์รองรับฟีเจอร์นี้หรือไม่ และสุดท้ายสถิติการโหลดหน้าเว็บที่ลิงก์กับสถานะของ Chrome ซึ่งจะบอกความนิยมของฟีเจอร์หนึ่งๆ ในช่วงเวลาหนึ่ง
หากเบราว์เซอร์รองรับ Web Share API คุณจะแชร์การทำงานของเบราว์เซอร์ Fugu ได้โดยคลิกปุ่มแชร์ข้างรูปปลา Fugu และแถบความคืบหน้า หรือ คุณสามารถดาวน์โหลดภาพหน้าจอ แล้วแชร์ด้วยตนเองบนเครือข่ายโซเชียลออนไลน์ที่คุณต้องการ
เว็บ Fugu เป็นอย่างไร
ส่วนขยายเบราว์เซอร์ที่ใช้ร่วมกันชื่อ เว็บ Fugu เป็นอย่างไร จะช่วยให้คุณทราบว่าเว็บไซต์ที่คุณกำลังเข้าชมใช้ Fugu API ใด ติดตั้งส่วนขยายนี้จาก Chrome เว็บสโตร์และเรียกดูเว็บ จากนั้นสังเกตวิธีที่ตัวนับปลา Fugu บนเว็บไซต์บางแห่งแสดงป้ายที่มี Project Fugu API ที่ตรวจพบ ตัวอย่างเช่น หากคุณเรียกดู Excalidraw ตัวนับจะกระโดดไปที่ 9 เนื่องจาก Excalidraw ใช้ Project Fugu API ที่ตรวจจับได้ 9 รายการ ได้แก่
- CacheStorage
- Service Worker
- การแชร์เว็บ
- คลิปบอร์ดแบบไม่พร้อมกัน
- คลิปบอร์ดแบบไม่พร้อมกัน (รูปภาพ)
- การเข้าถึงระบบไฟล์
- เป้าหมายการแชร์เว็บ
- เป้าหมายการแชร์เว็บ (ไฟล์)
- การจัดการไฟล์
เช่นเคย คุณสามารถแชร์ แชร์ผลลัพธ์ได้โดยตรงหากเบราว์เซอร์ของคุณสนับสนุน API การแชร์เว็บ หรือไม่แชร์ด้วยตนเองก็ได้ หากต้องการดูว่าเบราว์เซอร์รองรับฟีเจอร์หรือไม่ โปรดอ่านเอกสารที่เกี่ยวข้องโดยคลิกรายละเอียด นอกจากนี้คุณยังตรวจสอบข้อมูลโค้ดต้นฉบับที่เกี่ยวข้องได้โดยตรง โดยคลิกลิงก์ซอร์สโค้ดในรายการสัญลักษณ์หัวข้อย่อย
บทสรุป
เมื่อท่องเว็บที่มีการติดตั้งส่วนขยาย How Fugu the Web? เป็นเรื่องน่าประทับใจมากที่ได้เห็นว่าป้าย Project Fugu API ปรากฏขึ้นบ่อยเพียงใด ซึ่งมีตั้งแต่หน้าที่มีฟีเจอร์ที่ทำให้สบายตา เช่น สามารถวางรูปภาพลงในแอปได้ เช่น ในหน้าปัญหาใหม่ของ GitHub (แทนที่จะอัปโหลดในแบบที่ไม่ค่อยสะดวกใจ) ไปจนถึงแอปที่เต็มรูปแบบซึ่งใช้ประโยชน์จากฟีเจอร์หลายอย่าง เช่น การจัดการไฟล์ การเข้าถึงระบบไฟล์ และการเข้าถึงคลิปบอร์ด อย่างเช่นใน Excalidraw แม้ว่าก่อนหน้านี้จำเป็นต้องใช้แอปเฉพาะแพลตฟอร์ม ในบางกรณี ตอนนี้เว็บแอปพลิเคชันสามารถกรอกข้อมูลได้แล้ว ตัวอย่างคือแอป Wootility ของ Wooting สำหรับเขียนโปรแกรมคีย์บอร์ดด้วย WebHID API
ในทำนองเดียวกัน การใช้ How Fugu เป็นเบราว์เซอร์ของฉันอย่างไรในเบราว์เซอร์เวอร์ชันใหม่แต่ละเวอร์ชัน (หรือเบราว์เซอร์อื่นๆ หรือ WebView ที่ฝัง) ถือเป็นเรื่องที่น่าพอใจมาก สำหรับเบราว์เซอร์รุ่นใหม่ๆ เกือบทุกรุ่น แถบความคืบหน้าจะเลื่อนขึ้นเล็กน้อยเมื่อเบราว์เซอร์มีขีดความสามารถใหม่
การสร้างเว็บเกิดขึ้นได้จริงมากกว่าที่เคย และมีการเพิ่มคุณลักษณะใหม่ลงในแพลตฟอร์มอย่างต่อเนื่อง อย่างน่าอัศจรรย์ เว็บนี้ไม่ได้เป็นเพียงทางเลือกเดียวในการสร้างแอป แต่ผมหวังว่าเว็บไซต์ทดสอบนี้และส่วนขยายของเบราว์เซอร์ได้โน้มน้าวให้คุณลองพิจารณาเว็บที่สามารถใช้งานได้ดูอีกครั้ง หากยังไม่ได้ดำเนินการ