chrome插件制作

Posted 2020-12-27 codescript

  chrome扩展程序就是一个web应用,要写html代码

chrome插件需要的文件：

配置文件(manifest.json)

扩展图标(icon.png )

弹出窗口文件(popup.html)

其他静态资源文件(images、css、js......)

 

manifest.json 常用属性

{
  "manifest_version" : 2, //宣言版 必选项：用整数表示manifest文件自身格式的版本号。目前为止只接受 2 （版本目前为2）
  "version" : "1.0",//版本

/**
* 必选项： 字符串类型，当前创建扩展版本号
* 扩展的版本用一个到4个数字来表示，中间用点隔开。
* 这些数字有些规则：必须在0到65535之间，非零数字，不能0开头。
* 比如，666666和010是不合法的。
**/

"name" : "CodeScript",//扩展名
/** 必选项：字符串类型 **/
  "description" : "CodeScript",//扩展描述
/** 可选项：字符串类型，扩展信息描述 **/

  "icons" : {     //图标（如果只配置icons，则default_icon也使用该图片，如果不配置icons，则扩展工具界面使用默认图标）
    "16" : "16px.png",
    "48" : "48px.png",
    "128" : "128px.png"
  }

/**
* 一个或者多个图标来表示扩展 (16x16, 48x48, 128x128)
* 建议使用以上几种大小，及png格式。
* 可选，系统自带默认图标
**/

"browser_action" : {//（在浏览器右上角显示）
"default_title" : "title",
/** 鼠标移入，显示简短扩展文本描述 **/
"default_popup" : "popup.html",
/** 鼠标点击，弹出扩展模态窗口，展示内容 **/
"default_icon" : {
"48" : "48px.png"
}
/** 浏览器右上角，扩展图标 。如果不设置，跟随 icon ，两者皆无，则使用默认**/
}

 

{  
  "name": "插件名",  
  "manifest_version":2,
  "version": "1.0",  
  "description": "插件描述",
  "browser_action": {  
    "default_icon": "icon.png" ,
    "default_title": "CodeScript",
    "default_popup": "index.html"
  }  
}