לגלות את האינטרנט התומך

באילו יכולות מתקדמות הדפדפן תומך? ואילו אפליקציות אינטרנט משתמשות ביכולות האלה? כדי לענות על שאלות אלה, יש לבדוק באתר בדיקת דפדפן ובתוסף לדפדפן.

תומאס סטיינר
תומאס סטיינר

Project Fugu הוא פרויקט חוצה-חברות במטרה לצמצם פערים ביכולות של האינטרנט, וכך לאפשר הרצה של אפליקציות מסוגים חדשים באינטרנט. המשמעות היא הוספה של ממשקי API חדשים לדפדפנים, שמפתחי אפליקציות יכולים להשתמש בהם כדי להפעיל תרחישי שימוש שלא היו אפשר לעשות בעבר. באילו ממשקי API תומך הדפדפן שבחרתם? אילו אפליקציות אינטרנט משתמשות בממשקי ה-API האלה? מיד נראה!

כיצד Fugu הוא הדפדפן שלי?

ממשקי Project Fugu API, כמו File Treatment , File System Access, Async Clipboard ו-Web Share כוללים יכולות שניתן לצפות שהן יהיו זמינות רק באפליקציות ספציפיות לפלטפורמה. לדוגמה, אתם יכולים עכשיו ללחוץ פעמיים על קובץ תמונה כדי לפתוח אותו ב-PWA משויך, לבצע שינויים, לשמור את השינויים בחזרה לקובץ ואז להעתיק את התוכן לאפליקציה אחרת או לשתף אותו עם תוכנת אימייל. מדובר בתהליך שלא היה אפשרי באינטרנט עד לאחרונה.

כדי לדעת מה ניתן לעשות, עיינו באפליקציה How Fugu is my Browser? ובדקו באילו ממשקי Project Fugu API הדפדפן שלכם תומך. לא כל התכונות חשופות בכל הפלטפורמות, למשל, הממשק API של Contact Picker גלוי כרגע רק בניידים, ולכן מבחינה טכנית אי אפשר להגיע לציון של 100% אם מבצעים את הבדיקה במחשב (ולהיפך). לכן, תייחס למבחן הזה כתחרות כיפית ולא כמדע מוחלט. לכל תכונה שנבדקה יש קישור למאמרי העזרה הרלוונטיים עם מידע נוסף על הפיצ'ר. במקרים שבהם זיהוי התכונה אפשרי, תופיע הערה אם הדפדפן תומך בתכונה הזו או לא, ולבסוף נתונים סטטיסטיים של טעינת דפים שמקושרים לסטטוס של Chrome, עם מידע על מידת הפופולריות של תכונה מסוימת לאורך זמן.

אם הדפדפן שלכם תומך ב-Web Share API, תוכלו לשתף את הגרסה של Fugu לדפדפן באמצעות לחיצה על הלחצן Share (שיתוף) ליד הדג של Fugu וסרגל ההתקדמות. אחרת, תוכלו להוריד צילום מסך ולאחר מכן לשתף אותו באופן ידני ברשת החברתית המקוונת שלכם.

האתר בכתובת https://howfuguismybrowser.dev/.
תהית פעם: "How Fugu is my Browser?"

מה דעתך על האינטרנט ב-Fugu?

תוסף הדפדפן הנלווה שנקרא How Fugu is the web? יעזור לכם לגלות אילו ממשקי API של Fugu נמצאים בשימוש על ידי האתרים שאתם מבקרים בהם. מתקינים את התוסף מחנות האינטרנט של Chrome וגולשים באינטרנט, ואז שמים לב איך מונה הדגים של Fugu מוצג באתרים מסוימים עם תג של ממשקי ה-API של Project Fugu שזוהו. לדוגמה, אם מחפשים את הקוד Excalidraw, המונה מזנק ל-9, כי ב-Excalidraw נעשה שימוש בתשעה ממשקי API של Project Fugu שניתנים לזיהוי. הבדלים אלו הם:

  1. CacheStorage
  2. Service Worker
  3. שיתוף באינטרנט
  4. לוח אסינכרוני
  5. לוח אסינכרוני (תמונות)
  6. גישה למערכת קבצים
  7. יעד נתח באינטרנט
  8. יעד שיתוף באינטרנט (קבצים)
  9. טיפול בקבצים
התוסף 'How Fugu is the Web' מופעל באתר https://excalidraw.com/.
תהית אי פעם: "How Fugu is the web?"

כמו קודם, אפשר לשתף את התוצאות ישירות אם הדפדפן תומך ב-Web Share API, או באופן ידני אם לא. כדי לבדוק אם הדפדפן שלכם תומך בתכונה מסוימת, תוכלו לקרוא את התיעוד הרלוונטי בלחיצה על Details. תוכל גם לבדוק ישירות את קטע קוד המקור הרלוונטי על ידי לחיצה על הקישור של קוד המקור ברשימת התבליטים.

מסקנות

כשגולשים באינטרנט עם התוסף How Fugu API? מותקן, זה מרשים לראות באיזו תדירות מופיע התג של Project Fugu API. תוכלו למצוא דרכים שונות, למשל, להדביק תמונות באפליקציה בדף New Issue של GitHub (במקום להעלות אותן כאפשרות פחות נוחה) לבין אפליקציות מתפוצצות שמשתמשות בחלק מהתכונות כמו טיפול בקבצים, גישה למערכת הקבצים וגישה ללוח העריכה, כמו ב-Excalidraw. כשבעבר היה צורך באפליקציה ספציפית לפלטפורמה, במקרים מסוימים כיום אפליקציית אינטרנט יכולה למלא אותה. דוגמה לכך היא האפליקציה Wootility של Wooting לתכנות מקלדות גיימינג באמצעות WebHID API.

באופן דומה, מאוד מרוצה מההנחיה How Fugu is my Browser? בכל גרסה חדשה של הדפדפן שבחרתם (או בכל דפדפן אחר או WebView מוטמע). כמעט בכל גרסה חדשה של הדפדפן, סרגל ההתקדמות זז מעט למעלה כשהדפדפן מניב יכולת חדשה אחת או שתיים.

פיתוח אתרים הוא שימושי יותר מתמיד, ותכונות חדשות נוספות לפלטפורמה בקצב מדהים. האינטרנט הוא לא הבחירה היחידה שלכם לבניית אפליקציה, אבל אני מקווה שבעזרת אתר הבדיקות ותוסף הדפדפן, שכנעתי אתכם לתת בדיקה נוספת לאתר המותאם, אם לא חשבתם עליו עד עכשיו.