IE9 Pinned Sites – לנעוץ אתרים ל- Taskbar

אינטרנט אקספלורר 9, הגרסא החדשה לדפדפן הנפוץ מבית מיקרוסופט, עבר מתיחת פנים גדולה הן בביצועים שלו, הן בתמיכה בנושאים שונים כמו תאימות לתקנים כמו CSS3, HTML5 והן בממשק שלו למשתמש. כחלק ממתיחת הפנים שעבר הדפדפן התווספו גם תכונות חדשות לדפדפן כמו למשל היכולת לנעוץ אתרים לתפריט המשימות במערכת ההפעלה Windows 7. גיל פינק סוקר את התכונה החדשה של Pinned Sites באינטרנט אקספלורר 9 ונבין איך ניתן להשתמש בה לצורכינו.

לנעוץ או לא לנעוץ

אחת התכונות החדשות שניתן היה למצוא ב- Windows 7 היתה האפשרות לנעוץ תוכניות ל- Taskbar. כאשר תוכנית נעוצה ל- Taskbar ניתן להשתמש בה יותר מהר והיא זמינה למשתמש עם רשימות קופצות (Jump Lists) שמאפשרות למפתח לחשוף פונקציונאליות שכיחה של התוכנית אשר מופעלת מתוך Windows 7. בדומה לתכונה זו אינטרנט אקספלורר 9 מגיע גם הוא עם תכונה שמאפשרת לנעוץ אתרים ל- Taskbar. תכונה זו תאפשר למשתמשים לנעוץ את האתרים שבהם הם משתמשים באופן שכיח ובנוסף לכך תאפשר למפתחים לבנות רשימות קופצות לאתר שישפרו את חווית הגולש. התמונות הבאות ממחישות תהליך נעיצה של אתר MSN ל- Taskbar:

תהליך נעיצה של אתר ל-Taskbar

בתמונה הבאה ניתן לראות את אתר Hotmail לאחר Pinning יחד עם הרשימה הקופצת שלו פתוחה:

אתר הוטמייל עם רשימה קופצת פתוחה

הדרך להכניס את פונקציואנליות הנעיצה לאתרים היא פשוטה ומבוססת על API חדש שמגיע עם אינטרנט אקספלורר 9:

Pinned Sites API

על מנת לחשוף את תכונת ה- Pinned Sites מצוייד אקספלורר 9 ב- API חדש ופשוט המוקדש לתכונה זו. ה- API מבוסס ג'אווהסקריפט ומתחלק לארבעה חלקים:
1. SiteMode API – שמטפל בנעיצה עצמה ובבדיקה אם אתר מסויים נמצא במצב SiteMode (כלומר Pinned).
2. Jumplist API – שמטפל ביצירת ועדכון רשימה קופצת עבור Pinned Site.
3. Overlay Icon API – שמטפל בשינוי האייקון של ה- Pinned Site.
4. ThumbBar Button API – שמטפל בהוספת כפתורים ל- Taskbar Thumbnail View.
בהמשך המאמר אני אסקור רק את שני ה- API הראשונים שיוצרים את הנעיצה ואת הרשימות הקופצות.

SiteMode API

ה- SiteMode API הוא הדרך של המפתח לייצר Pinned Site ולבדוק האם האתר במצב SiteMode על מנת לתת פונקציונאליות שונה במידה וכן. ה- API מכיל שתי פונקציות בלבד:
msAddSiteMode – פונקציה זו יוצרת את הפונקציונאליות של Add to Start Menu וכאשר היא מופעלת האתר מתווסף ל- Start Menu. כאשר האתר יהיה במצב Pinned ה- URL שאליו יגלוש המשתמש יהיה זהה ל- URL שבו הוא שהה כשיצר את ה- Pinning. שם האתר המוצמד יהיה השם של הטאב שהמשתמש היה בו או השם שרשום בתגית Meta של HTML שהמפתח יכלול בדפי האתר. הדוגמא הבאה ממחישה איך אפשר לייצר התנהגות של Pinning:

<META name="application-name" content="Application Name” />

<div>
<input type="submit" id="btnSubmit" name="btnSubmit" Value="Add to
start menu" onclick="window.external.msAddSiteMode();"/>
</div>


msIsSiteMode – פונקציה זו מאפשרת לבדוק האם אתר רץ ב- SiteMode או שהוא רץ בתוך אקספלורר באופן רגיל. על שימוש בפונקציה יכול המפתח לקבל אינדיקציה באיזה מצב הוא נמצא ולשנות את ההתנהגות של האתר שלו. הקוד הבא מקפיץ הודעה האם המשתמש נמצא ב- Site Mode או לא:

<a onclick="alert(window.external.msIsSiteMode());" href="#">Is web application in site mode?</a>

Jumplist API

ה- Jumplist API מאפשר למפתח להוסיף פונקציונאליות של רשימות קופצות לאתר שנמצא במצב Pinned בדומה לרשימות קופצות של מערכות. המטרה של רשימות קופצות היא לתת גישה מהירה לאיזורים חשובים בתוך האתר שנמצא במצב Pinned. התמונה הבאה ממחישה איך נראית רשימה קופצת של אתר כלשהו:

jumplist API

ה- API מכיל ארבע פונקציות:
msSiteModeCreateJumplist – פונקציה זו מקבלת כפרמטר את השם של ה- Jumplist ויוצרת Jumplist עבור ה- Pinned Site. דוגמא לשימוש בפונקציה זו:

window.external.msSiteModeCreateJumplist(‘My Jumplist’);

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

window.external.msSiteModeCreateJumplist(‘My Jumplist’);

window.external.msSiteModeAddJumpListItem('My Jumplist item', 'http://www.mysite.com/default.aspx', ’http://www.mysite.com/icon.ico’);

msSiteModeShowJumplist – הפונקציה דואגת להציג את ה- Jumplist עם כל הפרטים שלו מיידית לאחר יצירתה. במידה ולא ישתמש המפתח בפונקציה תופיע ה- Jumplist רק בפעם הבאה שיעלה האתר שנמצא ב- Site Mode.
להלן הדוגמא השלמה לשימוש בכל שלושת הפונקציות:

window.external.msSiteModeCreateJumplist(‘My Jumplist’);

window.external.msSiteModeAddJumpListItem('My Jumplist item', 'http://www.mysite.com/default.aspx', ’http://www.mysite.com/icon.ico’);

window.external.msSiteModeShowJumplist();

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

window.external.msSiteModeClearJumplist();

לסיכום

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


גיל פינק

יועץ בכיר וארכיטקט מחברת Sela Group. ביצע בעבר תפקידי פיתוח כמתכנת בכיר, כראש צוות, כמנהל פיתוח וכיועץ בכיר. בעל תואר Microsoft MVP בנושאי Data Platform Development ובעל הסמכת MCPD. אוהב לחקור וללמוד טכנולוגיות חדשות בעיקר בתחומי עיצוב ופיתוח תשתיות.

הגב

2 Comments on "IE9 Pinned Sites – לנעוץ אתרים ל- Taskbar"

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 
Sort by:   newest | oldest | most voted
אור
Guest

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

ויטלי
Guest

למעשה אפשר לעשות את זה כבר היום – עם גוגל כרום. הדפדפן יכול להציג אתרים "כאפליקצית דסקטופ", ואז ניתן ליצור קיצורי-דרך עבורם, ולמקם אותו בתפריטים או לנעוץ בשורת המשימות. ההוראות כיצד לעשות את זה נמצאות כאן: http://www.maximumpc.com/article/howtos/turn_web_apps_desktop_programs

wpDiscuz

תגיות לכתבה: