多语言展示
当前在线:477今日阅读:159今日分享:18

chrome扩展开发:[3]browser Action

接上文,介绍 browser Action,演示制作好的browser Action示例
工具/原料
1

chrome浏览器

2

文本编辑器

方法/步骤
1

browser Action是什么?chromew文档的解释是:Use browser actions to put icons in the main Google Chrome toolbar, to the right of the address bar. In addition to its icon, a browser action can also have a tooltip, a badge, and a popup.

2

不过,初学者不用纠结详细的含义,可以简单的将browser Action理解为窗口右上角的图标+点击图标后的弹出窗口。

3

在后台,browser Action 包含三个部分的:manifest.json里的说明、弹出窗口(html、js、css)、图标。

4

default_icon 表示的是图标文件的名称default_popup 表示的是弹出窗口的文件名。

注意事项

下文会详细介绍图标制作和弹出窗口的编写

推荐信息