אילו יכולות אינטרנט מתקדמות הדפדפן שלכם תומך בהן? ואילו אפליקציות אינטרנט משתמשות ביכולות האלה? כדי לענות על השאלות האלה, כדאי להיעזר באתר לבדיקת דפדפנים ובתוסף לדפדפן.
Project Fugu הוא מאמץ נרחב בחברה שנועד למלא את הפערים ביכולות האינטרנט, כדי לאפשר להפעיל באינטרנט סוגים חדשים של אפליקציות. באופן קונקרטי יותר, המשמעות היא הוספה של ממשקי API חדשים לדפדפנים, שבאמצעותם מפתחי האפליקציות יוכלו להפעיל תרחישי שימוש שלא היו אפשריים בעבר. באילו ממשקי API הדפדפן שבחרתם תומך? באילו אפליקציות אינטרנט נעשה שימוש בממשקי ה-API האלה? קדימה, נגלה.
איך Fugu הוא הדפדפן שלי?
ממשקי ה-API של Project Fugu, כמו File Handling, File System Access, Async Clipboard ו-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 ולגלוש באינטרנט. בחלק מהאתרים, ספירת הדגים של Project Fugu תציג תג עם ממשקי ה-API של Project Fugu שזוהו. לדוגמה, אם עוברים אל Excalidraw, המונה קופץ ל-9, כי ב-Excalidraw נעשה שימוש בתשעה ממשקי API של Project Fugu שאפשר לזהות. סוגים אלה הם:
- CacheStorage
- Service Worker
- שיתוף באינטרנט
- Async Clipboard
- Async Clipboard (תמונות)
- גישה למערכת הקבצים
- יעד 'שיתוף באינטרנט'
- יעד שיתוף באינטרנט (קבצים)
- טיפול בקבצים
כמו בעבר, אפשר לשתף את התוצאות ישירות אם הדפדפן תומך ב-Web Share API, או באופן ידני אם לא. כדי לבדוק אם הדפדפן תומך בתכונה מסוימת, לוחצים על פרטים כדי לקרוא את המסמך הרלוונטי. אפשר גם לבדוק ישירות את קטע קוד המקור הרלוונטי בלחיצה על הקישור לקוד המקור ברשימת התיבות.
מסקנות
כשגולשים באינטרנט עם התוסף How Fugu is the Web?, מדהים לראות באיזו תדירות מופיע התג של Project Fugu API. החל מדפים עם תכונות נוחות כמו היכולת להדביק תמונות באפליקציה, למשל בדף הבעיה החדשה ב-GitHub (במקום להעלות אותן כאפשרות פחות נוחה), ועד לאפליקציות מלאות שמשתמשות בכמה תכונות כמו טיפול בקבצים, גישה למערכת הקבצים וגישה ללוח העריכה, כמו ב-Excalidraw. במקרים מסוימים, אפליקציית אינטרנט יכולה למלא את התפקיד של אפליקציה ספציפית לפלטפורמה. דוגמה לכך היא אפליקציית Wootility של Wooting, שמאפשרת לתכנת מקלדות גיימינג באמצעות WebHID API.
באופן דומה, כדאי להריץ את How Fugu is my browser? בכל גרסה חדשה של הדפדפן שבחרתם (או בכל דפדפן אחר או רכיב WebView מוטמע). כמעט בכל גרסה חדשה של הדפדפן, סרגל ההתקדמות עולה מעט כשהדפדפן מקבל יכולת או שתיים חדשות.
פיתוח לאינטרנט קל יותר מתמיד, ותכונות חדשות מתווספות לפלטפורמה בקצב מדהים. האינטרנט הוא לא האפשרות היחידה ליצירת אפליקציה, אבל אני מקווה שאתר הבדיקה והתוסף לדפדפן יעזרו לך להבין את היתרונות של האינטרנט היעיל, אם עדיין לא התייחסת לאפשרות הזו.