第一个谷歌浏览器插件_

1：新建一个文件夹，在文件夹根部新建manifest.json文件

manifest.json内容：建议最好先去看看360开发文档

{
  "manifest_version": 2, //固定的
  "name": "嗯哼", //插件名称
  "version": "1.0", //插件使用的版本
  "description": "The first extension that CC made.", //插件的描述
  "browser_action": { //插件加载后生成图标
    "default_icon": "biglogo.png",//图标的图片
    "default_title": "图片下载插件" ,//鼠标移到图标显示的文字
    "default_popup": "homePage.html"//单击图标执行的文件
  },
  "permissions": [ //允许插件访问的url
    "http://*/",
    "bookmarks",
    "tabs",
    "history"
  ],
  "content_scripts": [{  //对页面内容进行操作的脚本
    "matches": ["http://*/*","https://*/*"],  //满足什么条件执行该插件
    "js": ["js/jquery-3.1.1.js", "js/test.js"]
//    "run_at": "document_start" //在document加载时执行该脚本
  }],
  "web_accessible_resources": [
    "css/downloadBack.css"
  ]
}

2：在自己新建的js目录下创建test.js,并复制jquery插件进去

$(document).ready(function () {
alert("hello world");


};

3:打开谷歌浏览器，

设置----更多工具--扩展程序--开发者模式---加载已解压的程序--选中插件目录

效果：