谷歌浏览器插件开发入门-官方版Helloworld详解

目录:html

  需求chrome

  原理json

  实现步骤:spa

    一个空的插件插件

    一个能够设置一种背景色的插件(能够设置百度首页的背景色为绿色)3d

    一个能够设置多种背景色的插件code

需求:htm

  插件能够改变特定网址的背景颜色。blog

原理:图片

  将各类html、js、json及图片按要求放置同一目录,上传。

实现步骤:

  1、一个空的插件

    1.文件清单

    

    2.manifest.json

{
  "name": "v1",
  "version": "1.0",
  "description": "Extension! v1",
  "manifest_version": 2
}

    3.实现效果

  2、一个能够设置一种背景色的插件(能够设置百度首页的背景色为绿色)

    1.文件清单

    

    2.1backgroud.js

    2.2.manifest.json

    

    2.3.popup.html

    

    2.4.popup.js

    

3.实现效果

    

  3、一个能够设置多种背景色的插件

    1.文件清单

    

    2.1.manifest.json

    

    2.2.options.html

    

    2.3.options.js

    

    3.实现效果

    

    

    

    

参考连接:

  https://developer.chrome.com/extensions/getstarted

  https://www.youtube.com/watch?v=e3McMaHvlBY

 完整示例代码下载:

  https://share.weiyun.com/5Eb1Vma

相关文章
相关标签/搜索