我们如何在 Chrome 扩展中向 Gmail 撰写栏添加新按钮?是通过javascript还是一些gmail api?

Sus*_*eel 0 javascript google-chrome-extension gmail-api

如果您在图像中看到,安装 any.do 扩展时会出现一个“提醒我”按钮。

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

我们是否在 DOM 中注入新的 div 元素,或者是否有任何 gmail api,我可以通过它添加新按钮并定义操作侦听器?

Ori*_*Eng 6

我建议您在这个库中使用:

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

我认为最适合你的选择是 InboxSdk。首先您需要在这里注册您的应用程序,然后在您的 chrome 扩展集的内容页面上注册:

InboxSDK.load('1.0', 'YOUR_APP_ID_HERE').then(function(sdk){
Run Code Online (Sandbox Code Playgroud)

在此功能中您需要执行所有操作。您可以注册事件(例如当您阅读/撰写消息等时),但您的目的是将按钮添加到工具栏,因此您需要添加工具栏事件:

registerToolbarButtonForList(toolbarButtonDescriptor)
Run Code Online (Sandbox Code Playgroud)

或者

registerToolbarButtonForThreadView(toolbarButtonDescriptor)
Run Code Online (Sandbox Code Playgroud)

或者

addToolbarButtonForApp(appToolbarButtonDescriptor)
Run Code Online (Sandbox Code Playgroud)

如果您想了解每个注册事件的具体信息,请访问此处

事件获取的对象是有关按钮的所有详细信息(名称、单击事件等),请参阅此处。从这里您可以通过对象中的按钮设置您想要的内容。

祝你好运