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

Question

我正在尝试开发一个 chrome 扩展来与 gmail 收件箱中的电子邮件进行交互。目前，我正在使用页面操作来显示扩展程序的图标，当用户单击该图标时，该插件假定打开的页面是 gmail 收件箱中的一封电子邮件，并且它与该电子邮件进行交互。

但如果我可以向 gmail 网络界面添加一个按钮而不是像下面这样的页面操作图标，这似乎会更好(请注意由名为 todoist 的插件添加的添加按钮)。

一种方法是观察 gmail 提供的其他按钮中的 html，并使用内容脚本注入(inject)一个新按钮。但是 gmail 中元素中使用的类似乎没有口头意义，也不确定类是否会动态变化。例如定义一个图标，html 如下所示。

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

如果类是动态变化的，注入(inject)可能不起作用。如果用户更改不同的主题，按钮结构也可能会发生变化。 (或者可能它们总是一样的，我可以继续注入(inject))

有没有标准的方法来做到这一点？或者，一种稳定的方式来注入(inject)按钮？

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

Answer 1

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

gmail.tools.add_toolbar_button('content_html', function() {
  // Code here
}, 'Custom Style Classes'); 

通过这个有多种帮助方法，您可以轻松地在 Gmail 收件箱上构建一个扩展顶部。