การค้นพบเว็บที่รองรับการใช้งาน

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

Thomas Steiner

โครงการ Fugu เป็นความพยายามข้ามบริษัทเพื่อปิดช่องว่างในความสามารถของเว็บ ทำให้แอปพลิเคชันคลาสใหม่สามารถทำงานบนเว็บได้ เพื่อให้เห็นภาพมากขึ้น นั่นหมายถึงการเพิ่ม API ใหม่ลงในเบราว์เซอร์ที่นักพัฒนาแอปสามารถใช้เพื่อเปิดใช้ Use Case ที่เป็นไปไม่ได้ก่อนหน้านี้ เบราว์เซอร์ที่คุณเลือกรองรับ API ใดบ้าง เว็บแอปพลิเคชันใดใช้ API เหล่านี้ มาดูกัน

เบราว์เซอร์ของฉัน Fugu เป็นอย่างไร

Project Fugu API เช่น การจัดการไฟล์, การเข้าถึงระบบไฟล์, Async Clipboard และ Web Share ช่วยเพิ่มความสามารถให้กับเว็บที่คุณอาจคาดหวังว่าจะทำได้เฉพาะในแอปเฉพาะแพลตฟอร์มเท่านั้น เช่น ตอนนี้คุณสามารถดับเบิลคลิกไฟล์ภาพเพื่อเปิดใน PWA ที่เกี่ยวข้อง แก้ไข บันทึกการเปลี่ยนแปลงกลับไปยังไฟล์ แล้วคัดลอกเนื้อหารูปภาพไปยังแอปอื่นหรือแชร์ไปยังโปรแกรมรับส่งอีเมลได้ ซึ่งเป็นขั้นตอนที่เป็นไปไม่ได้บนเว็บจนกระทั่งเมื่อเร็วๆ นี้

หากต้องการเรียนรู้สิ่งที่เป็นไปได้ โปรดดูแอปพลิเคชันเบราว์เซอร์ของฉันเป็น Fugu อย่างไร และดูว่าเบราว์เซอร์ Project Fugu API ของคุณรองรับอะไรบ้าง ฟีเจอร์บางอย่างไม่ได้แสดงในทุกแพลตฟอร์ม เช่น ปัจจุบัน Contact Picker API ใช้งานบนอุปกรณ์เคลื่อนที่เท่านั้น ดังนั้นในทางเทคนิคจึงเป็นไปได้ยากที่จะได้คะแนน 100% ถึง 100% หากคุณทดสอบบนเดสก์ท็อป (และในทางกลับกัน) ดังนั้น ให้ถือว่าการทดสอบนี้เป็นการแข่งขันที่สนุกสนาน แทนที่จะเป็นวิทยาศาสตร์แบบสัมบูรณ์ โดยแต่ละฟีเจอร์ที่ทดสอบจะมีลิงก์ไปยังเอกสารที่เกี่ยวข้องเพื่อให้คุณดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์นั้นๆ ในกรณีที่ตรวจหาฟีเจอร์ได้ จะมีหมายเหตุด้วยว่าเบราว์เซอร์ของคุณรองรับฟีเจอร์นี้หรือไม่ และสุดท้ายคือสถิติการโหลดหน้าเว็บที่ลิงก์กับสถานะ Chrome ซึ่งบอกความนิยมของฟีเจอร์นั้นๆ เมื่อเวลาผ่านไป

หากเบราว์เซอร์รองรับ Web Share API คุณจะแชร์การทำงานของเบราว์เซอร์ Fugu ได้โดยคลิกปุ่มแชร์ข้างปลา Fugu และแถบความคืบหน้า หรือคุณจะดาวน์โหลดภาพหน้าจอ แล้วแชร์ด้วยตนเองในโซเชียลเน็ตเวิร์กออนไลน์ที่ต้องการได้

Fugu เป็นเว็บที่ดีแค่ไหน

ส่วนขยายเบราว์เซอร์ที่ใช้ร่วมกันชื่อ Fuga เว็บเป็นอย่างไร จะช่วยคุณค้นหาว่าเว็บไซต์ที่คุณเข้าชมใช้ Fugu API ใดอยู่ ติดตั้งส่วนขยายนี้จาก Chrome เว็บสโตร์ และท่องเว็บ จากนั้นดูว่าเครื่องนับปลา Fugu บนเว็บไซต์บางแห่งแสดงป้ายพร้อม Project Fugu API ที่ตรวจพบอย่างไร เช่น หากเรียกดู Excalidraw ตัวนับจะข้ามไปที่เลข 9 เนื่องจาก Excalidraw ใช้ Project Fugu API ที่ตรวจจับได้ 9 รายการ ได้แก่

1. CacheStorage
2. ผู้ปฏิบัติงานบริการ
3. การแชร์เว็บ
4. คลิปบอร์ดที่ไม่ซิงค์กัน
5. คลิปบอร์ดที่ไม่ซิงค์ (รูปภาพ)
6. การเข้าถึงระบบไฟล์
7. เป้าหมายการแชร์เว็บ
8. เป้าหมายการแชร์เว็บ (ไฟล์)
9. การจัดการไฟล์

คุณสามารถแชร์ผลลัพธ์ได้โดยตรงเช่นเดิม หากเบราว์เซอร์รองรับ Web Share API หรือไม่รองรับด้วยตนเอง หากต้องการดูว่าเบราว์เซอร์รองรับฟีเจอร์ใดหรือไม่ โปรดอ่านเอกสารที่เกี่ยวข้องโดยคลิกรายละเอียด นอกจากนี้คุณยังตรวจสอบข้อมูลโค้ดซอร์สโค้ดที่เกี่ยวข้องได้โดยตรง โดยคลิกลิงก์ซอร์สโค้ดในรายการหัวข้อย่อย

บทสรุป

เมื่อท่องเว็บโดยติดตั้งส่วนขยายเว็บ Fugu เป็นยังไง เรารู้สึกประทับใจที่ได้เห็นความถี่ที่ป้าย Project Fugu API ปรากฏขึ้น ซึ่งมีตั้งแต่หน้าเว็บที่มีฟีเจอร์เพื่อความสบาย เช่น ความสามารถในการวางรูปภาพลงในแอป เช่น ในหน้าปัญหาใหม่ของ GitHub (แทนการอัปโหลดเป็นตัวเลือกที่ไม่คุ้นเคย) ไปจนถึงแอปเต็มรูปแบบที่ใช้ฟีเจอร์หลากหลาย เช่น การจัดการไฟล์ การเข้าถึงระบบไฟล์ และการเข้าถึงคลิปบอร์ด อย่างใน Excalidraw แม้ว่าก่อนหน้านี้จะต้องใช้แอปเฉพาะแพลตฟอร์ม แต่ในบางกรณี ตอนนี้เว็บแอปพลิเคชันก็เข้ามาเติมเต็มได้ ตัวอย่างเช่น แอป Wootility ของ Wooting สำหรับการเขียนโปรแกรมคีย์บอร์ดเกมด้วย WebHID API

ในทำนองเดียวกัน เบราว์เซอร์ของฉันเป็นเหมือน Fugu อย่างไร ซึ่งเป็นสิ่งที่น่าพอใจมากในเบราว์เซอร์เวอร์ชันใหม่แต่ละเวอร์ชันที่เลือก (หรือเบราว์เซอร์อื่นๆ หรือ WebView แบบฝัง) ในทุกครั้งที่เราออกเบราว์เซอร์รุ่นใหม่ แถบความคืบหน้าจะเลื่อนขึ้นไปเล็กน้อยเมื่อเบราว์เซอร์ของคุณมีความสามารถใหม่เพิ่ม 1-2 อย่าง

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