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

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

Thomas Steiner

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

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

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

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

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

เว็บไซต์เป็น Fugu มากน้อยเพียงใด

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

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

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

สรุป

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

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

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