PracticU

אובייקט Navigator

בלי כתוביותעם כתוביות
PracticU › קורס Javascript כולל JQuery › אובייקט Navigator
מילון מושגים:
דפדפן - תוכנה שמציגה דפי אינטרנט ומריצה את הקוד שבהם, ומאפשרת לגלוש בין אתרים, למשל Chrome או Firefox.
עוגייה - קובץ קטן שאתר שומר בדפדפן כדי לזכור מידע על המשתמש בין בקשות, למשל מצב התחברות או העדפות.
רכיב - יחידת בניין עצמאית וניתנת לשימוש חוזר בתוך מערכת או ממשק משתמש, שאחראית על חלק מוגדר מהתפקוד.
.NET - פלטפורמת פיתוח של מיקרוסופט להרצת יישומים בשפות כמו C#, הכוללת ספריות וסביבת ריצה משותפות.
CLR - סביבת הריצה של .NET שמריצה את הקוד, מנהלת את הזיכרון ומטפלת בשגיאות (Common Language Runtime).
מאפיין - תכונה שמצמידים לרכיב ומתארת אותו או את התנהגותו, למשל מאפיין של תגית HTML או שדה באובייקט.
סקריפט - קובץ המכיל רצף פקודות שמבוצעות על ידי מפרש, לרוב כדי להפוך משימות לאוטומטיות.
Java - שפת תכנות עילית ומונחית עצמים, הרצה על מכונה וירטואלית (JVM) ומשמשת לפיתוח מגוון יישומים.

אובייקט Navigator
אובייקט navigator מספק מידע על הדפדפן שבו הלקוח גולש, כמו השם, הגרסה ותמיכה בעוגיות. בעזרתו אתר יכול להתאים את התוכן לדפדפן.
השלבים העיקריים
1. למה זה חשוב: אתר של גוגל מציג הצעה להורדת Chrome למי שגולש בדפדפן אחר, ולא מציג אותה למי שכבר משתמש ב-Chrome. הדפדפן מזהה את עצמו בעזרת navigator.
2. appName: מחזיר את שם הדפדפן. בזמן ההדגמה ב-Internet Explorer הוחזר שם של מייקרוסופט, ובדפדפן Chrome הוחזר Netscape.
3. appVersion: מחזיר את הגרסה, ואת מערכת ההפעלה והרכיבים שמותקנים, כמו .NET CLR.
4. cookieEnabled: מחזיר true אם אפשר לשמור עוגיות בצד הלקוח, ו-false אם ביטלו את זה.
5. platform: מציין לאיזו פלטפורמה נבנה הדפדפן, למשל win32.
6. userAgent: דומה ל-appVersion, ומכיל גם את שם הדפדפן ואת הטכנולוגיה שעליה הוא בנוי.
7. javaEnabled(): פונקציה, לא מאפיין, שמחזירה true אם הדפדפן תומך בהרצת סקריפטים של Java.
שימו לב
המידע מגיע מהדפדפן עצמו, ולכן הוא משתנה לפי הדפדפן שגולשים בו.
השיעור מסתיים ביכולת לקרוא את פרטי הדפדפן, לבדוק אם אפשר לשמור עוגיות ולבדוק תמיכה ב-Java.
השיעור הבא בקורס: אובייקט History
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
Java - שפת תכנות עילית ומונחית עצמים, הרצה על מכונה וירטואלית (JVM) ומשמשת לפיתוח מגוון יישומים.

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתחילים -לחץ כאן לתלמידי המכללה בלבד

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתקדמים- לחץ כאן לתלמידי המכללה בלבד

פרקי ההרצאה: אובייקט Navigator

  1. 00:00

    זיהוי הדפדפן של המשתמש

  2. 01:36

    המאפיין appName

  3. 03:04

    המאפיין appVersion

  4. 03:41

    בדיקת תמיכה ב-cookies

תמלול ההרצאה: אובייקט Navigator

הטקסט המלא של הדקות הראשונות בהרצאה «אובייקט Navigator» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:01

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

  2. 00:18

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

  3. 00:38

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

  4. 00:53

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

  5. 01:09

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

  6. 01:27

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

  7. 01:42

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

  8. 02:21

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

  9. 02:44

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

  10. 03:05

    כלומר, מהי הגרסה של הדפדפן. אז כעת אני רואה שזאת גרסה 4.0 אבל יש לה כל מיני קומפוננטות שהותקנו בה, כל מיני רכיבים. אני רואה שזה בעצם מכיל Microsoft Interest Explorer 8, Windows NT 5.1 הותקן, אני רואה רכיבים כמו .NET CLR שהותקנו במערכת כאן ומשפיעים על הדפדפן.

  11. 03:34

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

לקורס המלא: קורס Javascript אונליין

ההרצאה הקודמת: אובייקט Screen

ההרצאה הבאה: אובייקט History

הרצאות קשורות מקורסים אחרים

  • אובייקט Canvas באנדרואיד
  • שפת JavaScript - אובייקט
  • החזרת אובייקט ב-JSON
  • שלבי יצירת אובייקט

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס TypeScript
  • קורס ריאקט - React
  • קורס NodeJS