chrome扩展入门(manifest配置)——常用属性

(ps:直接复制下面内容并粘贴进地址栏进入chrome浏览器的扩展工具)

                                __chrome://extensions__

推荐: 《Chrome扩展及应用开发(首发版)》


manifest 文件描述

  1. manifest.json文件是创建chrome扩展的必要条件,用来使chrome浏览器认识并接纳你。
  2. manifest.json文件包含了应用(扩展)的基本信息,例如最重要的文件列表,应用(扩展)所需要的权限等。

manifest.json 常用属性

{
  "manifest_version" : 2, 
  "version" : "1.0",
  "name" : "demo",
  "description" : "demodemo",
  "icons" : {
    "16" : "./icons/time16.png",
    "48" : "./icons/time48.png",
    "128" : "./icons/time128.png"
  },
  "browser_action" : {
    "default_title" : "test",
    "default_popup" : "demo.html",
    "default_icon" : {
      "48" : "./icons/time48.png"
    }
  },
  "content_scripts" : [
    {
      "matches" : ["*://www.baidu.com/"],
      "js" : ["./content_scripts.js"]
    }
  ],
  "options_page" : "options.html",
  "permissions" : [
    "*://*/*"
  ],
  "background" : {
    "scripts" : ["./js/background.js"],
    "popup" : "background.html"
  }
}

  • manifest_version
"manifest_version" : 2, 
 /** 必选项:用整数表示manifest文件自身格式的版本号。目前为止只接受 2 (版本目前为2) **/

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

  • name
"name" : "扩展名",
/** 必选项:字符串类型 **/

  • description
"description" : "扩展描述",
/** 可选项:字符串类型,扩展信息描述 **/

  • icons (如果只配置icons,则default_icon也使用该图片,如果不配置icons,则扩展工具界面使用默认图标)
"icons" : {
  "16" : "icon16.png"
}
/**
  * 一个或者多个图标来表示扩展 (16x16, 48x48, 128x128)
  * 建议使用以上几种大小,及png格式。
  * 可选,系统自带默认图标
**/

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

  • content_scripts (向页面注入脚本)

Content scripts是在Web页面内运行的javascript脚本。通过使用标准的DOM,它们可以获取浏览器所访问页面的详细信息,并可以修改这些信息。

"content_scripts" : [
    {
      "matches" : ["*://www.baidu.com/"],
      /**  匹配网址(支持正则),成功即注入(其余属性自行查询) **/
      "js" : ["./content_scripts.js"],
      /** 需要注入的脚本 **/
    }
  ],

  • options_page
"options_page" : "options.html",
/** 给扩展设置选项内容 并激活选项按钮**/

  • permissions

开启拓展权限,例如ajax的同源限制。开启后可进行跨域访问。
其余权限请自行查询。

"permissions" : [
    "*://*/*"
    /** 匹配需要跨域的请求地址,解除同源限制  **/
  ],

  • background
    后台常驻脚本
    扩展常常用一个单独的长时间运行的脚本来管理一些任务或者状态

 "background" : {
    "scripts" : ["./js/background.js"],
    /** 后台常驻脚本,自动运行,直到关闭浏览器。可根据需求自行设置 **/
    "popup" : "background.html"
    /** 调试页,background 不出现于用户视窗内的。 **/
    /** 在扩展工具页面,检查视图进行调试 (需要勾选__开发者模式__选项)**/
  }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容