Всплывающее окно Chrome Extension JS пусто

#javascript #jquery #json #google-chrome-extension

#javascript #jquery #json #google-chrome-extension

Вопрос:

Я не совсем уверен, куда идти дальше. Создание расширения Chrome в первый раз.

Вот мой manifest.json

 {
  "manifest_version": 2,
  "name": "Get Offensive Wallpapers",
  "version": "1.0",
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": "icon.png"
    },
  "content_scripts": [ {
    "js": [ "popup.js", "jquery.min.js" ]
    } ]
}
  

Все остальное здесь, в скрипте:http://jsfiddle.net/XM77B/3 /

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

Спасибо

Комментарии:

1. -1 Код в скрипте должен быть включен в сам вопрос.

Ответ №1:

Я вижу пару вещей, которые могут быть неправильными:

  1. Вам не хватает matches атрибута для сценариев содержимого (в вашем файле manifest JSON). Я установил это на ["http://*/*","https://*/*"]

  2. Вы неправильно создаете всплывающее окно. Скрипты содержимого в вашем файле манифеста ( popup.js и jquery.min.js ) внедряются в фактические веб-страницы, которые посещает пользователь. Они не вставляются в popup.html . Для включения этих JS-файлов вам нужны <script> теги popup.html (если это то, что вы намеревались). Вам нужно будет использовать один из протоколов обмена сообщениями Chrome extension API для обмена данными между скриптом содержимого (код, который вводится на каждую страницу) и вашим всплывающим окном (материал, который появляется при нажатии кнопки панели инструментов).