Файл popup.html для расширения chrome, по-видимому, не рендерится после нажатия на значок панели поиска. Кто-нибудь знает, почему это может быть? - PullRequest
Новая
       10

Файл popup.html для расширения chrome, по-видимому, не рендерится после нажатия на значок панели поиска. Кто-нибудь знает, почему это может быть?

0 голосов
/ 08 апреля 2019

есть!Заранее благодарны за Вашу помощь.Я пишу свой первый хром плагин.Все отлично работает, кроме popup.html.Мой всплывающий файл не содержит JavaScript - это всего лишь несколько ссылок и текст.Когда я нажимаю на свой значок в строке поиска, появляется небольшое белое поле, но оно пустое и не более 10 на 10 пикселей.Я не знаю, что мне не хватает.

Сначала я подумал, что это проблема с размерами div - возможно, мне просто нужно было установить высоту и ширину моего container (самого большого) div иокно будет соответственно изменено.Ничего не изменилось: /.

Мой файл манифеста 

{
 "manifest_version": 2,
 "name": "blah",
 "description": "blah",
 "version": "1.0.0",   
 "author": "MacKenzie Alessi",
 "browser_action": {
   "default_icon": "cool_image.png",
   "default_title": "Have a good day",
   "default_popup": "popup.html"
 },
  "icons":{
      "16": "cool_image.png",
      "32": "cool_image.png",
      "48": "cool_image.png",
      "128": "cool_image.png"
  },    

"chrome_url_overrides" : {
  "newtab": "newtab.html"
},
 "permissions": ["activeTab"]
}

Вот мой файл popup.html 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>QueersHere</title>
        <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-XNVQ5BKDALSf8uhDlSC492c/5DJ8JEMeFUJkofQAJD4=' ;">

, затем некоторые ссылки на шрифты Google 

        <style>
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }

            .container {
                top: 50px;
                left: 0;
                width: 500px;
                height: 500px;
                position: absolute;
                margin: 10px 20px 10px 35px;

            }

тогда какой-то стиль для кнопок ... возможно, не имеет отношения к делу 

        </style>
    </head>

    <body>
        <div class="container">
            <div id="message">
                TEXT TEXT TEXT
            </div>
                <div class="button_cont">
                    LINKS LINKS LINK
        </div>


    </body>

Кто-нибудь знает, почему я просто получаю маленькую маленькую белую коробочку, когда нажимаю на свой значок в строке поиска?

ps Я не получил сообщений об ошибках.

...