Chrome 插件开发:Hello world

创建声明

首次创建chrome程序,需要创建一个文件,名称为:manifest.jsion
实例代码如下:

{
  "manifest_version": 2,

  "name": "Getting started example",
  "description": "This extension shows a Google Image search result for the current page",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
}

资源

manifest.json指示了两个浏览器行为icon.png和popup.html,这两个文件必须在扩展包中.

  • icon.png 一个插件显示图标,规格为19个像素的png文件
  • popup.html 在一个弹出式窗口中渲染,是一个标准的HTML页面.popup.js主要负责执行这个逻辑过程.

装载插件

chrome web store中下载的插件都是.crx文件,这是插件的发布版本.

  1. 访问chrome://extensions
  2. 激活开发者模式
  3. 加载解压的扩展程序
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • chrome扩展开发入门教程 最近在开发chrome插件,看到一篇非常适合入门的教程,特记录一下 注:转载 本文首...
    谢大见阅读 6,462评论 1 25
  • Chrome扩展开发 标签(空格分隔): Chrome扩展 1、写在前面 Chrome插件是一个用Web技术开发...
    记忆的时间差阅读 6,056评论 0 15
  • 架构 总括:Manifest:程序清单Background:插件运行环境/主程序Pop up:弹出页面Conten...
    程序员小逗逼阅读 10,404评论 2 18
  • demo地址 先上一张效果图: 结构 几个概念 从上图可以看出围绕在extension中的几个可见UI元素:ico...
    冰川孤辰js阅读 7,791评论 0 3
  • 今天坐火车由济南到青岛,早上出门有点想当然了,出门有点儿晚,让我家宝宝开车有些着急,以后还是要早点出门比较好,至...
    delayjia阅读 411评论 0 0