מהו 'הנווט' ביישומי אינטרנט מתקדמים?

מהו 'הנווט' ביישומי אינטרנט?

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

מופע של "הנווט" קשור ישירות לסוכן המשתמשים, שהוא היישום שמפעיל את אפליקציית האינטרנט שלך - הדפדפן.

כיצד "הנווט" יכול לשפר את האפליקציה שלך בהדרגה

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

כפי שתראה בכל הדוגמאות בתיעוד של MDN, עליך לוודא שהמשתנה או הפונקציה שאליה ברצונך לגשת זמינים בפועל ב"נווט ".

// Just a simple example of how
// to check for availability 
// of features.


function checkNetwork(){
  if("connection" in navigator){
    // Now it's safe to use 'navigator.connection'.
    // 👉 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
  }
  
  // Alternative if you're using:
  // 'navigator?.connection'
}

קצת מידע ש"הנווט "מאפשר לך לצרוך באפליקציה שלך:

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

אתה באמת יכול לראות כמה מהתכונות האלה בשידור חי ובפעולה על ה- PWA הזה ממש. פשוט גלול מטה עד לסוף כל עמוד, שם תוכל לראות כמה מהיישומים הזמינים למדדי חומרה, למשל מספר ליבות המעבד.

עבודה עם "הנווט"

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

עבור Chrome של Google, יש גם "Project Fugu", המיישם תכונות ניסיוניות חדשות, הזמינות רק מאחורי דגל תכונה בדפדפני Chromium.