使用chrome扩展程序将自定义按钮添加到gmail收件箱

时间:2015-08-08 03:14:55

标签: javascript html google-chrome google-chrome-extension gmail

我正在尝试开发Chrome扩展程序以与gmail收件箱中的电子邮件进行交互。目前,我正在使用页面操作来显示扩展程序的图标,当用户点击该图标时,该插件会假设打开的页面是gmail收件箱中的电子邮件,并且它与电子邮件进行交互。

但是,如果我可以添加一个按钮到gmail web界面而不是像下面的页面操作图标似乎更好(注意添加了一个名为todoist 的插件添加按钮)。 notice the add button added by a plugin called todoist

执行此操作的一种方法是观察gmail提供的其他按钮中的html, 并使用内容脚本注入一个新按钮。但是gmail中元素中使用的类似乎没有语言意义,也不确定类是否动态变化。例如,要定义一个图标,html就像下面一样。

<div class="ase T-I-J3 J-J5-Ji"></div>

如果类动态变化,则注入可能不起作用。如果用户改变不同的主题,则按钮结构也可以改变。 (或者可能他们总是一样,我可以继续注射)

有没有标准的方法来做到这一点?或者,一个稳定的方式来注入按钮?

注意:上下文小工具不是解决方案,因为我想获取附件。

1 个答案:

答案 0 :(得分:1)

您应该使用gmail.js add_toolbar_button 方法,您可以在Gmail收件箱中添加自定义按钮。

int

enter image description here

通过此方法,您可以使用多种辅助方法,轻松地在Gmail收件箱上构建扩展程序。