首页 >

如何开发chrome插件? – 网络|

gba4ios怎么导入游戏,qq农场怎么回到旧版本,电脑桌面怎么空白了如何开发chrome插件? - 网络|如何开发chrome插件

1、一个简单的二维码插件目录,核心文件manifest.json,以下简称清单文件,这个文件是必须有的,其余的html、js、css、img等就根据需要来创建就可以了。

2、manifest.json介绍

必须配置的字段、以及常用的配置字段

defalut_popup必须指定html文件,另外html内不允许内联js(inlinejavascript),插件的开发和普通web开发是一样的,都是用html、js、css。除此之外扩展还提供很多强大的api,帮助大家丰富浏览器的扩展功能。

3、常用API
  • chrome.tabs
  • chrome.runtime可以监听和响应扩展生命周期的事件
  • chrome.webRequest
  • chrome.window
  • chrome.storage
  • chrome.contextMenus
  • chrome.devtools
  • chrome.extension

使用大多数的api要声明权限的,因为js中使用chromeAPI,所以示例中在permissions这个字段设置了tabs。

当然,清单的配置远不止这些,随着功能的强大,会看到更多的字段。

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

4、代码编写完成后,打开扩展的界面,chrome://extensions.,勾选开发者模式,点击‘已解压的扩展程序’,选择开发好的文件夹,这样就成功添加上了扩展。

5、调试

示例中,扩展功能界面是以弹窗形式展示,点击图标,右键审查元素即可。

6、打包与发布
  • 登录chrome应用商店
  • https://chrome.google.com/webstore/developer/dashboard/点击进去开发者信息中心
  • 添加压缩后的zip包
  • 按提示添加必填的信息,发布即可

如何开发chrome插件? - 网络|
  • 萌地瓜生鲜是不是水果蔬菜配送的小程序? - 网络|
  • 萌地瓜生鲜是不是水果蔬菜配送的小程序? - 网络| | 萌地瓜生鲜是不是水果蔬菜配送的小程序? - 网络| ...

    如何开发chrome插件? - 网络|
  • 少儿创意美术培训机构,好的美术老师从哪里来? - 网络|
  • 少儿创意美术培训机构,好的美术老师从哪里来? - 网络| | 少儿创意美术培训机构,好的美术老师从哪里来? - 网络| ...

    如何开发chrome插件? - 网络|
  • 机械设计制造及其自动化专业,需要学习哪些软件? - 网络|
  • 机械设计制造及其自动化专业,需要学习哪些软件? - 网络| | 机械设计制造及其自动化专业,需要学习哪些软件? - 网络| ...