码迷,mamicode.com
首页 > 其他好文 > 详细

chrome插件制作

时间:2018-08-04 14:32:20      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:配置   字符串类型   版本号   显示   使用   系统   静态   扩展信息   ons   

  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"
  }  
} 

 

chrome插件制作

标签:配置   字符串类型   版本号   显示   使用   系统   静态   扩展信息   ons   

原文地址:https://www.cnblogs.com/CodeScript/p/9418427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!