我们如何在 chrome 扩展中向 gmail 撰写栏添加新按钮？是通过javascript还是一些gmail api？ [关闭]答案

【问题标题】：How do we add new button to gmail compose bar in chrome extension? Is it through javascript or some gmail apis? [closed]我们如何在 chrome 扩展中向 gmail 撰写栏添加新按钮？是通过javascript还是一些gmail api？ [关闭]
【发布时间】：2023-03-21 08:02:01
【问题描述】：

我正在尝试想出一个 chrome 扩展来为 gmail 添加一些功能。我一直在使用 any.do 并想了解我们如何做类似的事情？

我们是在 DOM 中注入新的 div 元素，还是有任何 gmail api 可以通过它添加新按钮并定义动作侦听器？

【问题讨论】：

查看该扩展中的代码。没有 API。

标签： javascript google-chrome-extension gmail-api

【解决方案1】：

我提供给你在这个库中使用：

InboxSdk - 高级 JavaScript 库，用于轻松构建与 Gmail 和 Google 收件箱交互的浏览器扩展。
Gmail library github - 很棒的库，使用 DOM 来实现 gmail 的许多选项

我认为最适合您的选择是 InboxSdk。首先您需要注册您的应用here，然后在您的 chrome-extension 集的内容页面上：

InboxSDK.load('1.0', 'YOUR_APP_ID_HERE').then(function(sdk){

在此功能中，您需要执行所有操作。您可以注册事件（例如当您阅读/撰写消息等），但您的目的是向工具栏添加按钮，因此您需要添加工具栏事件：

registerToolbarButtonForList(toolbarButtonDescriptor)

或

registerToolbarButtonForThreadView(toolbarButtonDescriptor)

或

addToolbarButtonForApp(appToolbarButtonDescriptor)

如果您想了解每个注册事件的具体信息，请转到here

事件获取的对象是关于按钮的所有细节（名称，点击事件等），请参阅here。从这里您可以通过对象中的按钮设置您想要的任何内容。

祝你好运

【讨论】：

这真的是帮助资源，并且很容易将它们用于他的目的。我可以提供更多帮助并逐步改进答案，但所有内容都写在他们的文档中。
我改变了我的答案。如果现在不行，我会删除它。就告诉我嘛。我不希望我的排名因此而下降。我只是想帮忙。
这个答案是我一直在寻找的，感谢分享@OriEng
这让我很开心。谢谢