النافذة المنبثقة هي إجراء يعرض نافذة تسمح للمستخدمين باستدعاء ميزات إضافات متعددة. ويتم تنشيطه من خلال اختصار لوحة مفاتيح أو من خلال النقر على رمز إجراء الإضافة. ويتم إغلاق النوافذ المنبثقة تلقائيًا عندما يركز المستخدم على جزء من المتصفح خارج النافذة المنبثقة. ولا توجد طريقة لإبقاء النافذة المنبثقة مفتوحة بعد أن ينقر المستخدم عليها.
تُظهر الصورة التالية، المأخوذة من عيّنة حدث الماء، نافذة منبثقة تعرض خيارات الموقّتات المتاحة. يمكن للمستخدمين ضبط منبّه بالنقر على أحد الأزرار.
تسجيل نافذة منبثقة في البيان أسفل مفتاح "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'});
}
});