我有一些简单的JavaScript代码，我想把它变成一个弹出式扩展。我该怎么做？

我尝试创建一个清单，该清单将导致一个popup.js文件，并将以下代码放入该文件中，但弹出窗口显示为一个白色方块

这是我的JavaScript代码

fill(0, 0, 0);
ellipse(200, 200, 375, 375);
fill(60, 0, 255);
triangle(200, 104, 280, 280, 120, 280);
fill(255, 255, 255);
var answer = floor(random(1, 20));

if (answer === 1) {
    text("As I see it,", 171, 200);
    text("yes", 189, 229); 
}
else if (answer === 2) {
    text("Ask again", 171, 200);
    text("later", 189, 229); 

...

else {
    text("You may", 175, 200);
    text("rely on it", 177, 229); 
}

这是我的清单 （很可能需要一些编辑）

{
“清单版本”：2，
“名称”：“8球弹出式”，
“版本”：“0.1”，
“内容脚本”：[
{
“匹配项”：[
""
],
“js”：[“content.js”]
}
],
“浏览器操作”：{
“默认弹出窗口”：“popup.html”，
“默认标题”：“您的财富将出现在此处。”
}
}

发布您的清单会有所帮助

不过，我建议您检查一下

---

基本上，您还需要创建一个HTML页面，并将您的js文件链接到该页面。

请参阅：我尝试按照文档上的代码进行操作，但当我单击扩展名时，图标下方会显示一个白色的小正方形，而没有其他内容。尽管如此，我无法复制。图标下方的白色方块可能是

browserAction.setBadgeText

可以生成的。因为您没有发布完整的js或HTML代码，所以很难说。可能您有一些用于

chrome.browserAction.onClicked的事件处理程序（在background.js中？您发布的清单是完整的吗？@GangstaGaming
{
  "manifest_version": 2,
  "name": "8 ball popup",
  "version": "0.1",
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": ["content.js"]
    }
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_title": "Your fortune will appear here."
  }
}