إضافة نافذة منبثقة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
النافذة المنبثقة هي إجراء يعرض نافذة تسمح للمستخدمين باستدعاء ميزات إضافة متعددة. ويتم تشغيلها من خلال أحد اختصارات لوحة المفاتيح أو من خلال النقر على رمز الإجراء الخاص بالإضافة. ويتم إغلاق النوافذ المنبثقة تلقائيًا عندما يركز المستخدم على جزء من المتصفح خارج النافذة المنبثقة. وليس هناك أي طريقة لإبقاء النافذة المنبثقة مفتوحة بعد أن ينقر المستخدم بعيدًا.
تعرِض الصورة التالية، المأخوذة من عيّنة فعالية مياه الشرب ، نافذة منبثقة تعرض خيارات الموقّت المتاحة. يضبط المستخدمون منبّهًا من خلال النقر على أحد الأزرار.
مثال على نافذة منبثقة
سجِّل نافذة منبثقة في البيان ضمن المفتاح "action"
.
{
"na me ": "Dri n k Wa ter Eve nt ",
...
"ac t io n ": {
"de fault _popup ": "popup.h t ml "
}
...
}
نفِّذ النافذة المنبثقة بالطريقة التي تستخدمها تقريبًا مع أي صفحة ويب أخرى. يُرجى العِلم أنّ أي محتوى JavaScript يُستخدم في نافذة منبثقة يجب أن يكون في ملف منفصل.
<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()
.
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 '});
}
});
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0 . للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers . إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2023-12-12 (حسب التوقيت العالمي المتفَّق عليه)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"لا يحتوي على المعلومات التي أحتاج إليها."
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"الخطوات معقدة للغاية / كثيرة جدًا."
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"المحتوى قديم."
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ثمة مشكلة في الترجمة."
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشكلة في العيّنات / التعليمات البرمجية"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غير ذلك"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"يسهُل فهم المحتوى."
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"ساعَدني المحتوى في حلّ مشكلتي."
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غير ذلك"
}]
{"lastModified": "\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631: 2023-12-12 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0641\u0651\u064e\u0642 \u0639\u0644\u064a\u0647)"}
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2023-12-12 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]