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

סקירה כללית

תוספים ל-Chrome משפרים את חוויית הגלישה על ידי התאמה אישית של ממשק המשתמש, מעקב אחר אירועים בדפדפן ושינוי האינטרנט. בחנות האינטרנט של Chrome אפשר למצוא דוגמאות נוספות לדברים שאפשר לעשות עם תוספים.
אפשר ליצור תוספים באמצעות אותן טכנולוגיות אינטרנט שמיועדות ליצירת אפליקציות אינטרנט: HTML,‏ CSS ו-JavaScript.
בנוסף לממשקי Web API, לתוספים יש גם גישה לממשקי API של תוספים ל-Chrome כדי לבצע משימות שונות. סקירה מפורטת יותר זמינה במדריך למפתחים.

מונחים של תוספים

תוסף Chrome מורכב מחלקים שממלאים תפקידים שונים.
קובץ המניפסט של התוסף הוא הקובץ היחיד הנדרש, ושם הקובץ שלו חייב להיות ספציפי: manifest.json. הוא גם צריך להיות ממוקם בתיקיית השורש של התוסף. המניפסט מתעד מטא-נתונים חשובים, מגדיר משאבים, מצהיר על הרשאות ומזהה אילו קבצים צריך להריץ ברקע ובדף.
קובץ שירות פועל ברקע ומטפל באירועים בדפדפן, כמו הסרת סימנייה או סגירת כרטיסייה. אין להם גישה ל-DOM, אבל אפשר לשלב אותו עם מסמך מחוץ למסך בתרחיש לדוגמה הזה.
סקריפטים של תוכן מפעילים JavaScript בהקשר של דף אינטרנט.
להריץ קוד כשהמשתמש לוחץ על סמל סרגל הכלים של התוסף או להציג חלון קופץ באמצעות Action API.
הצגת ממשק משתמש מותאם אישית בחלונית הצדדית של הדפדפן.
ליירט, לחסום או לשנות בקשות רשת.

פרסום בחנות האינטרנט של Chrome

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

מערכי שיעור

כדי להתחיל את תהליך הלמידה של התוספים, תוכלו לבחור בכל אחד מהמדריכים הבאים.
יצירת התוסף הראשון של hello world, שבו תתרגלו את תהליך הפיתוח של תוספים.
איך מוסיפים רכיבים לאתר מסוים באופן אוטומטי
לוחצים על סמל סרגל הכלים כדי לפשט את הסגנון של הדף הנוכחי.
איך יוצרים חלון קופץ לניהול הכרטיסיות
איך יוצרים תוסף של שירות עבודה (service worker) ומאתרים בו באגים
איך למצוא יומנים והודעות שגיאה במהלך ניפוי הבאגים