Pop-up adalah tindakan yang menampilkan jendela yang memungkinkan pengguna memanggil beberapa fitur ekstensi. Tombol ini dipicu oleh pintasan keyboard atau dengan mengklik ikon tindakan ekstensi. Pop-up otomatis ditutup saat pengguna berfokus pada beberapa bagian browser di luar pop-up. Tidak ada cara untuk tetap membuka pop-up setelah pengguna mengklik.
Gambar berikut, yang diambil dari contoh Peristiwa Air Minum, menampilkan pop-up yang menampilkan opsi timer yang tersedia. Pengguna menyetel alarm dengan mengeklik salah satu tombol.
![Contoh pop-up.](https://developer.chrome.com/static/docs/extensions/develop/ui/add-popup/image/popup.png?authuser=6&hl=id)
Daftarkan pop-up dalam manifes di bagian kunci "action"
.
{
"name": "Drink Water Event",
...
"action": {
"default_popup": "popup.html"
}
...
}
Implementasikan pop-up seperti yang Anda lakukan di hampir semua halaman web lainnya. Perhatikan, JavaScript yang digunakan dalam pop-up harus berada dalam file terpisah.
<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>
Anda juga dapat membuat pop-up secara dinamis dengan memanggil 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'});
}
});