חלון קופץ הוא פעולה שמוצג בה חלון שמאפשר למשתמשים להפעיל כמה תכונות של תוספים. היא מופעלת באמצעות מקש קיצור או לחיצה על סמל הפעולה של התוסף. החלונות הקופצים נסגרים באופן אוטומטי כשהמשתמש מתמקד בחלק מסוים של הדפדפן מחוץ לחלון הקופץ. אין דרך להשאיר את החלון הקופץ פתוח אחרי שהמשתמש יצא מכאן.
התמונה הבאה, שנלקחה מהדוגמה של אירוע מים של שתייה, מציגה חלון קופץ עם האפשרויות הזמינות לטיימר. המשתמשים מגדירים התראה על ידי לחיצה על אחד מהלחצנים.
רושמים חלון קופץ במניפסט מתחת למפתח "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'});
}
});