Chrome开发-Hello World!

---

新建一个文件夹 , 这里命名为 HelloWorld
在这个文件夹中创建三个文件 :

manifest.json (对 extension 的配置)
popup.html (点击 extension 图标的时候的弹窗)
main.js (当我们过滤的页面被加载的时候 , 自动加载的js)

---

manifest.json

{
  "name": "Hello World",
  "version": "1.0",
  "description": "My first chrome extension",
  "manifest_version": 2,
  "content_scripts":[
    {
      "matches":[""],
      "js":["main.js"]
    }
  ]
}

---

popup.html

Hello world!

---

main.js

alert("Hello World!");

---

1. 开启chrome开发者模式
2. 将刚才创建的文件夹拖入 chrome extension 的目录进行安装
3. 安装好后 , 在 chrome 的右上角会出现我们的 extension 的图标 , 点击会弹出我们的 popup.html 的内容
4. 随意访问一个网页 , 当 main.js 中的代码被执行 (也就是弹出了 Hello World! ) , 就说明我们的第一个 Hello World 成功运行