Модальные всплывающие окна для отображения данных в центре экрана при нажатии кнопки на моем расширении Google - PullRequest
0 голосов
/ 31 марта 2019

Я создал 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 (поскольку я пытаюсь создать расширение для закладок)

...