Я создал API Django Rest Framework для хранения закладок, созданных в моем расширении Google Chrome, так как я использовал «модальный» в HTML-порядке для всплывающей формы, которая отображает предыдущие закладки, когда загруженное расширение не позволяет модальноевсплывающее в центре экрана.
Созданный мной HTML-файл содержит модальные всплывающие окна для отображения данных в центре экрана после нажатия кнопки на расширении.HTML-файл прекрасно отображает модальное диалоговое окно, но после преобразования в пакет, являющийся расширением Google, ничего не происходит, когда я нажимаю кнопки на расширении, которые находятся в правой верхней части экрана.
Я попытался с помощью showmodal () отобразить диалоговое окно в центре экрана, введя код через содержание.Но это не работает для меня.
manifest.json
{
"manifest_version": 2,
"name": "Bookmark-ext",
"description": "Bookmark Manager",
"version": "1.0",
"icons": {"128": "logo128.png"},
"browser_action": {
"default_popup":"index.html",
"default_icon": "logo19.png"
},
"permissions":["activeTab"],
"content_scripts": [{
"matches": ["<all_urls>"],
"js": ["contentscript.js"]
}]
}
Модальное тело
<div class="container" style="width:600px">
<div class="w3-container">
<ul class="w3-ul w3-border" id = "createli" style="width: 600px">
<li><h2>Bookmarks</h2></li>
</ul>
</div>
Я получаю данные из API остального фреймворка Django, и в приведенном выше коде я создаю LIтеги, использующие JavaScript для отображения данных.
Мне нужно, чтобы модальное всплывающее окно отображалось в центре экрана, когда пользователь нажимает кнопку для перечисления закладок, присутствующих в расширении popup.html (поскольку я пытаюсь создать расширение для закладок)