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

发布时间: 编辑:CINDY 0人评论 16574次浏览 chrome插件开发
摘要 : chrome插件基本目录结构介绍,其实非常简单。这是一个配置文件,里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容,是JSON格式的元数据文件,其中包含扩展名,描述,版本号等属性。

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


查看更多

转载必须注明来自:https://huajiakeji.com/dev/2017-12/871.html

评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?