מהם תוספים?

תוספים הם תוכנות קטנות שמתאימות אישית את חוויית הגלישה. הם מאפשרים למשתמשים להתאים אישית את הפונקציונליות וההתנהגות של Chrome לפי הצרכים או ההעדפות של המשתמשים. הם מבוססים על טכנולוגיות אינטרנט כמו HTML, JavaScript ו-CSS.

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

צילום מסך של סמל של תוסף בסרגל הדפדפן

ממשקי המשתמש צריכים להיות מינימליים ובעלת כוונה. הסמלים יכולים להיות מסמל פשוט, כמו התוסף Google Mail Checker שמוצג למעלה, ועד שינוי של דף שלם.

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

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

שלום לתוספים

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

בשלב הבא, מוסיפים קובץ בשם manifest.json וכוללים את הקוד הבא:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

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

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

הורד hello_extensions.png כאן ולאחר מכן צור קובץ בשם hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

בתוסף יוצג עכשיו hello.html כשלוחצים על הסמל. בשלב הבא מוסיפים פקודה ל-manifest.json שמאפשרת להשתמש במקשי קיצור. השלב הזה כיפי, אבל לא הכרחי:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

השלב האחרון הוא התקנת התוסף במחשב המקומי.

  1. עוברים אל chrome://extensions בדפדפן. ניתן גם לגשת לדף זה על ידי לחיצה על תפריט Chrome בפינה השמאלית העליונה של סרגל הכתובות, לאחר העברת העכבר מעל כלים נוספים ובחירה באפשרות תוספים.
  2. מסמנים את התיבה לצד מצב פיתוח.
  3. לוחצים על Load Unpacked Extension (טעינת תוסף Unpacked) ובוחרים את הספרייה של התוסף Hello Extensions.

כל הכבוד! עכשיו תוכלו להשתמש בתוסף מבוסס-החלון הקופץ על ידי לחיצה על הסמל hello_world.png או על ידי הקשה על Ctrl+Shift+F במקלדת.

מה השלבים הבאים?

  1. פועלים לפי המדריך לתחילת העבודה.
  2. מומלץ לקרוא את הסקירה הכללית
  3. כדי להתעדכן, כדאי לקרוא את הבלוג של Chromium
  4. הרשמה לקבוצת Chromium-extensions