Question

我正在尝试编写一个简单的Chrome扩展程序。我学会了如何编写Google推出的“hello world”扩展，但是如何编写一个实际上会做某事的扩展呢？网上似乎没有任何解释。我知道它涉及HTML和CSS（？），但我该怎么办？说我想写一个扩展，扩大一切 - 我写一个HTML文件，并将其粘贴在我的扩展文件夹中吗？我应该在manifest.json文件中写什么，以便它实际使用HTML文件？

另外，如果你不能从我的问题的基本内容中分辨出来，我是一个初学者（我不知道HTML，我所知道的只是一点Java）。

Answer 1

为了与安装扩展程序时用户正在查看的站点的DOM进行交互，您需要使用内容脚本。查看清单中添加的行： http://code.google.com/chrome/extensions/content_scripts.html

这些行允许您指明要为网站使用的js和css，并指定具有“匹配”的特定域：

"content_scripts": [
  {
    "matches": ["http://www.google.com/*"],
    "css": ["mystyles.css"],
    "js": ["jquery.js", "myscript.js"]
  }
],

Answer 2

所需文件：

icon.png（http://www.mediafire.com/imageview.php?quickkey=37phkkdmd1dv1zf&thumb=4）

的manifest.json

popup.html 将所有文件夹放在一起。

manifest.json中的

：

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
    "browser_action": {
    "default_icon": "icon.png"
  },
  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  }

}

输入popup.html：

hello world

保存两个文件。转到extentions（chrome：// extensions /）

然后点击开发者模式。 http://snpr.cm/HBuhYF.jpg

点击“加载解压扩展”。并找到该文件夹。它应该加载正常。

点击新的扩展并看到荣耀：）

编辑，只是阅读你的帖子 - 你学习了一个hello world / facepalm

编写简单的chrome扩展

2 个答案: