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插件,本站会继续更新开发教程。