תוספים הם תוכנות קטנות שמתאימות אישית את חוויית הגלישה. הם מאפשרים למשתמשים להתאים אישית את הפונקציונליות וההתנהגות של 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"
}
}
}
השלב האחרון הוא התקנת התוסף במחשב המקומי.
- עוברים אל
chrome://extensions
בדפדפן. ניתן גם לגשת לדף זה על ידי לחיצה על תפריט Chrome בפינה השמאלית העליונה של סרגל הכתובות, לאחר העברת העכבר מעל כלים נוספים ובחירה באפשרות תוספים. - מסמנים את התיבה לצד מצב פיתוח.
- לוחצים על Load Unpacked Extension (טעינת תוסף Unpacked) ובוחרים את הספרייה של התוסף Hello Extensions.
כל הכבוד! עכשיו תוכלו להשתמש בתוסף מבוסס-החלון הקופץ על ידי לחיצה על הסמל hello_world.png
או על ידי הקשה על Ctrl+Shift+F
במקלדת.
מה השלבים הבאים?
- פועלים לפי המדריך לתחילת העבודה.
- מומלץ לקרוא את הסקירה הכללית
- כדי להתעדכן, כדאי לקרוא את הבלוג של Chromium
- הרשמה לקבוצת Chromium-extensions