הוספת חלון קופץ

חלון קופץ הוא פעולה שמציגה חלון שמאפשר למשתמשים להפעיל כמה תכונות של התוסף. היא מופעלת באמצעות מקש קיצור, בלחיצה על סמל הפעולה של התוסף או בקריאה ל-chrome.action.openPopup(). חלונות קופצים נסגרים באופן אוטומטי כשהמשתמש מתמקד בחלק כלשהו בדפדפן מחוץ לחלון הקופץ. אין דרך להשאיר את החלון הקופץ פתוח אחרי שהמשתמש יצא מכאן.

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

דוגמה לחלון קופץ.
דוגמה לחלון קופץ.

רושמים חלון קופץ במניפסט מתחת למפתח "action".

{
 "name": "Drink Water Event",
 ...
 "action": {
   "default_popup": "popup.html"
 }
 ...
}

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

<html>
 <head>
   <title>Water Popup</title>
 </head>
 <body>
     <img src="./stay_hydrated.png" id="hydrateImage">
     <button id="sampleSecond" value="0.1">Sample Second</button>
     <button id="min15" value="15">15 Minutes</button>
     <button id="min30" value="30">30 Minutes</button>
     <button id="cancelAlarm">Cancel Alarm</button>
   <script src="popup.js"></script>
 </body>
</html>

אפשר גם ליצור חלונות קופצים באופן דינמי באמצעות קריאה ל-action.setPopup().

chrome.storage.local.get('signed_in', (data) => {
  if (data.signed_in) {
    chrome.action.setPopup({popup: 'popup.html'});
  } else {
    chrome.action.setPopup({popup: 'popup_sign_in.html'});
  }
});