Pop-up adalah tindakan yang menampilkan jendela yang memungkinkan pengguna memanggil beberapa fitur ekstensi. Tindakan ini dipicu oleh pintasan keyboard, dengan mengklik ikon tindakan ekstensi, atau dengan memanggil chrome.action.openPopup(). Pop-up akan otomatis ditutup saat pengguna memfokuskan pada beberapa bagian browser di luar pop-up. Tidak ada cara untuk membuat pop-up tetap terbuka setelah pengguna mengkliknya.
Gambar berikut, yang diambil dari contoh Peristiwa Minum Air, menampilkan pop-up yang menampilkan opsi timer yang tersedia. Pengguna menyetel alarm dengan mengklik salah satu tombol.
Daftarkan pop-up dalam manifes di bagian kunci "action".
{ "name": "Drink Water Event", ... "action": { "default_popup": "popup.html" } ... } Terapkan pop-up seperti yang Anda lakukan pada hampir semua halaman web lainnya. Perhatikan bahwa 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'}); } });