Wyskakujące okienko to działanie, które wyświetla okno umożliwiające użytkownikom wywoływanie wielu funkcji rozszerzeń. Aby je uruchomić, użyj skrótu klawiszowego lub ikony działania rozszerzenia. Wyskakujące okienka zamykają się automatycznie, gdy użytkownik skupi się na jakiejś części przeglądarki poza tym wyskakującym okienkiem. Nie można zamknąć wyskakującego okienka, gdy użytkownik je kliknie.
Poniższa ilustracja pochodzi z przykładowego zdarzenia Drink Water Event i przedstawia wyskakujące okienko z dostępnymi opcjami licznika czasu. Użytkownicy mogą ustawiać alarm, klikając jeden z przycisków.
Zarejestruj wyskakujące okienko w pliku manifestu za pomocą klucza "action".
{
"name": "Drink Water Event",
...
"action": {
"default_popup": "popup.html"
}
...
}
Wyskakujące okienko możesz wyświetlać w taki sam sposób jak każdą inną stronę internetową. Pamiętaj, że kod JavaScript używany w wyskakującym okienku musi znajdować się w osobnym pliku.
<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>
Wyskakujące okienka możesz też tworzyć dynamicznie, wywołując metodę 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'});
}
});