Pop-up ekle

Pop-up, kullanıcıların birden fazla uzantı özelliğini çağırmasına olanak tanıyan bir pencere görüntüleyen bir işlemdir. Klavye kısayoluyla, uzantının işlem simgesini tıklayarak veya browser.action.openPopup() çağrılarak tetiklenir. Kullanıcı, tarayıcının pop-up dışındaki bir bölümüne odaklandığında pop-up'lar otomatik olarak kapanır. Kullanıcı tıkladıktan sonra pop-up'ı açık tutmanın bir yolu yoktur.

Su İçme Etkinliği örneğinden alınan aşağıdaki resimde, kullanılabilir zamanlayıcı seçeneklerini gösteren bir pop-up yer almaktadır. Kullanıcılar düğmelerden birini tıklayarak alarm kurar.

Manifest dosyasında "action" anahtarı altında bir pop-up kaydedin.

{
 "name": "Drink Water Event",
 ...
 "action": {
   "default_popup": "popup.html"
 }
 ...
}

Pop-up'ı diğer web sayfalarında olduğu gibi uygulayın. Pop-up'ta kullanılan JavaScript'in ayrı bir dosyada olması gerektiğini unutmayın.

<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() işlevini çağırarak pop-up'ları dinamik olarak da oluşturabilirsiniz.

browser.storage.local.get('signed_in', (data) => {
  if (data.signed_in) {
    browser.action.setPopup({popup: 'popup.html'});
  } else {
    browser.action.setPopup({popup: 'popup_sign_in.html'});
  }
});