באילו יכולות אינטרנט מתקדמות תומך הדפדפן שלך? ובאילו אפליקציות האינטרנט נעשה שימוש ביכולות האלה? כדי לענות על השאלות האלה, צריך להיכנס לאתר לבדיקת דפדפנים ולתוסף לדפדפן.
Project Fugu הוא פרויקט חוצה-חברות שמגשר על פערים ביכולות האינטרנט, ומאפשר לסוגים חדשים של אפליקציות לרוץ באינטרנט. באופן קונקרטי יותר, המשמעות היא הוספת ממשקי API חדשים לדפדפנים שמפתחי אפליקציות יכולים להשתמש בהם כדי להפעיל תרחישים לדוגמה שקודם לכן לא היו אפשריים. באילו ממשקי API הדפדפן הנבחר שלכם תומך? אילו אפליקציות אינטרנט משתמשות בממשקי ה-API האלה? בואו לגלות!
איך Fugu הדפדפן שלי?
ממשקי API של Project Fugu כמו טיפול בקבצים, גישה למערכת קבצים, לוח אסינכרוני ו-Web Share מביאים באינטרנט יכולות שניתן לצפות שהן יהיו אפשריות רק באפליקציות ספציפיות לפלטפורמה. לדוגמה, עכשיו אפשר ללחוץ לחיצה כפולה על קובץ תמונה כדי לפתוח אותו באפליקציית PWA משויכת, לבצע שינויים, לשמור את השינויים בחזרה בקובץ ואז להעתיק את תוכן התמונה לאפליקציה אחרת או לשתף אותו עם תוכנת אימייל. זו תהליך שלא היה אפשרי באינטרנט עד לאחרונה.
כדי לבדוק מה אפשר לעשות, תוכלו לבדוק את האפליקציה How Fugu is my browser? ולראות באילו ממשקי API של Project Fugu נתמך הדפדפן הנבחר. חלק מהתכונות לא נחשפו בכל הפלטפורמות, למשל Contact Picker API כרגע רק בנייד, כך שטכנית לא ניתן להגיע לציון של 100% כשמבצעים בדיקה במחשב (ולהיפך). לכן, יש להתייחס למבחן הזה כאל תחרות משעשעת ולא כמדע מוחלט. לכל תכונה שנבדקת יש קישור למאמרים הרלוונטיים, שבהם תוכלו לקרוא מידע נוסף על התכונה. במקרים שבהם אפשר לזהות תכונות, נסביר גם אם היא נתמכת על ידי הדפדפן שלכם או לא, ולבסוף על הנתונים הסטטיסטיים של טעינת הדפים שמקושרים לסטטוס של Chrome, כדי להראות לכם את מידת הפופולריות של התכונה לאורך זמן.
אם הדפדפן תומך ב-Web Share API, תוכלו לשתף את חוויית השימוש ב-Fugu על ידי לחיצה על הלחצן Share (שיתוף) שליד הדג של Fugu וסרגל ההתקדמות. תוכלו גם להוריד צילום מסך ולשתף אותו ידנית ברשת חברתית לבחירתכם.
איך Fugu באינטרנט?
התוסף הנלווה לדפדפן בשם How Fugu is the web? יעזור לכם לבדוק באילו ממשקי API של Fugu משתמשים באתרים שאליהם אתם נכנסים. מתקינים את התוסף הזה מחנות האינטרנט של Chrome וגולשים באינטרנט, ובודקים איך מונה הדגים של Fugu באתרים מסוימים מציג תג עם ממשקי ה-API של Project Fugu שזוהו. לדוגמה, אם מדפדפים אל Excalidraw, המונה ידלג ל-9, כי מערכת Excalidraw משתמשת בתשעה ממשקי API של Project Fugu שניתנים לזיהוי. הבדלים אלו הם:
- CacheStorage
- קובץ שירות (service worker)
- שיתוף באינטרנט
- לוח אסינכרוני
- לוח אסינכרוני (תמונות)
- גישה למערכת קבצים
- יעד של שיתוף באינטרנט
- יעד של שיתוף באינטרנט (קבצים)
- טיפול בקבצים
כמו קודם, אפשר לשתף את התוצאות ישירות אם הדפדפן תומך ב-Web Share API, או באופן ידני אם לא. כדי לבדוק אם הדפדפן תומך בתכונה מסוימת, אפשר ללחוץ על פרטים כדי לקרוא את מסמכי התיעוד הרלוונטיים. תוכלו גם לבדוק ישירות את קטע קוד המקור הרלוונטי בלחיצה על הקישור של קוד המקור ברשימת התבליטים.
מסקנות
כשגולשים באינטרנט עם התוסף How Fugu is the Web?, מרשים לראות באיזו תדירות התג של Project Fugu API מופיע. הגישה נעה בין דפים עם תכונות נוחות כמו האפשרות להדביק תמונות באפליקציה כמו, לדוגמה, בדף New Issue של GitHub (במקום להעלות אותן כאפשרות פחות נוחה), ועד לאפליקציות מלאות באמצעות מספר תכונות כמו טיפול בקבצים, גישה למערכת הקבצים וגישה ללוח, כמו ב-Excalidraw. במקרים שבהם בעבר היה צורך באפליקציה ספציפית לפלטפורמה, במקרים מסוימים עכשיו אפליקציית אינטרנט יכולה למלא את הפרטים. דוגמה לכך היא אפליקציית Wootility של Wooting, לתכנות מקלדות גיימינג באמצעות WebHID API.
גם, הרצה של How Fugu is my browser? בכל גרסה חדשה של דפדפן לבחירתך (או כל דפדפן אחר או WebView מוטמע) מאוד מועילה. עם כמעט כל גרסה חדשה של דפדפן, סרגל ההתקדמות גדל קצת כשהדפדפן צובר יכולות חדשות או שתיים.
בניית אתרים היא יותר מעשית מאי פעם, ותכונות חדשות מתווספות לפלטפורמה בקצב מדהים. האינטרנט הוא לא האפשרות היחידה שלך לבניית אפליקציה, אבל אני מקווה שאתר הבדיקות הזה ותוסף הדפדפן שכנעו אתכם לתת לאינטרנט היכולות הזדמנות נוספת, אם לא חשבתם עליו עד עכשיו.