النافذة المنبثقة هي إجراء يعرض نافذة تسمح للمستخدمين باستدعاء ميزات إضافة متعددة. ويتم تشغيلها من خلال أحد اختصارات لوحة المفاتيح أو من خلال النقر على رمز الإجراء الخاص بالإضافة. ويتم إغلاق النوافذ المنبثقة تلقائيًا عندما يركز المستخدم على جزء من المتصفح خارج النافذة المنبثقة. وليس هناك أي طريقة لإبقاء النافذة المنبثقة مفتوحة بعد أن ينقر المستخدم بعيدًا.
تعرِض الصورة التالية، المأخوذة من عيّنة فعالية مياه الشرب، نافذة منبثقة تعرض خيارات الموقّت المتاحة. يضبط المستخدمون منبّهًا من خلال النقر على أحد الأزرار.
![مثال على نافذة منبثقة](https://developer.chrome.google.cn/static/docs/extensions/develop/ui/add-popup/image/popup.png?authuser=9&hl=ar)
سجِّل نافذة منبثقة في البيان ضمن المفتاح "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'});
}
});