Chrome Extension JS弹出窗口是空白的

时间:2014-07-03 03:56:52

标签: javascript jquery json google-chrome-extension

我不确定从哪里开始。 首次制作镀铬扩展程序。

这是我的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 个答案:

答案 0 :(得分:0)

我可以看到一些可能错误的事情:

  1. 您缺少内容脚本的matches属性(在清单JSON文件中)。我将其设置为["http://*/*","https://*/*"]

  2. 您没有正确创建弹出窗口。清单文件(popup.jsjquery.min.js)中的内容脚本会注入用户访问的实际网页。它们不会插入popup.html。您需要在<script>中包含popup.html个标记才能包含这些JS文件(如果这是您的意图)。您需要使用chrome扩展API的消息传递协议之一在内容脚本(注入每个页面的代码)和弹出窗口(单击工具栏按钮时显示的内容)之间进行通信。

相关问题