Pop-up ekle
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Pop-up, kullanıcıların birden fazla uzantı özelliğini çağırmasına olanak tanıyan bir pencere gösteren bir işlemdir. Bu bildirim, klavye kısayoluyla veya uzantının işlem simgesi tıklandığında 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 gösterilmektedir. Kullanıcılar düğmelerden birini tıklayarak alarm ayarlarlar.
Pop-up örneği.
Manifest'te, "action"
anahtarının altındaki bir pop-up'ı kaydedin.
{
"na me ": "Dri n k Wa ter Eve nt ",
...
"ac t io n ": {
"de fault _popup ": "popup.h t ml "
}
...
}
Pop-up'ı, neredeyse 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>
Ayrıca action.setPopup()
komutunu çağırarak dinamik bir şekilde pop-up'lar da oluşturabilirsiniz.
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 '});
}
});
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları 'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2023-12-12 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2023-12-12 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2023-12-12 UTC."],[],[]]