Chrome插件开发教程：chrome插件基本目录结构介绍

chrome插件基本目录结构介绍，其实非常简单。

manifest.json

这是一个配置文件，里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容，是JSON格式的元数据文件，其中包含扩展名，描述，版本号等属性。

参考：

{
  "manifest_version": 2,

  "name": "开始学习Chrome插件开发",
  "description": "这个是https://huajiakeji.com/提供的Chrome插件开发教程",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "storage"
  ]
}

icon.png

这个一看便知，就是扩展的图标，就是显示在chrome浏览器插件区域的那个图标，可以在上面的manifest.json里面看到有这个图标的配置

popup.html
点击扩展图标，弹出的面板页面（如果在manifest.json中配置了default_popup为该文件的话），将在为响应用户点击浏览器动作而创建的弹出窗口内呈现。这是一个标准的HTML文件，就像你从web开发中习惯的一样，给你弹出窗口显示的或多或少的空闲状态。

popup.js

popup面板加载的js脚本文件，里面就是插件的核心逻辑了

popup.css

popup面板加载的css样式文件，面板的样式文件。

Chrome浏览器扩展开发还是非常简单的，基本只要掌握HTML+CSS+Javascript，即可快速开发一个属于你的Chrome插件，本站会继续更新开发教程。