google-chrome - 如何构建 chrome 扩展以将面板添加到 gmail 窗口？

Question

我想构建一个像rapportive.com这样的 chrome 扩展。我是 Chrome 扩展程序和 Gmail 内容脚本的新手。任何人都可以建议如何去做吗？

目前我正在阅读谷歌的小工具文档。

Answer 1

这里有一些说明可以帮助您入门。有更强大的方法来构建它，但这是您正在谈论的功能的“hello world”：

1. 您将需要定义添加到 gmail 上下文的内容脚本。这部分非常简单，可以使用 Google 文档中提供的任何内容脚本示例。您应该阅读并了解成为内容脚本的意义。
2. 内容脚本需要知道在 gmail 中的何处查找电子邮件地址。该地址将用于抓取用户的社交媒体信息。您将此电子邮件地址从内容脚本发送到扩展程序的后台页面。
3. 背景页面需要具有用户预先配置的社交媒体集成。基本上，您需要将后台页面插入 Facebook 的/Twitter 的/LinkedIn 的 API，并使用它们的 API 来收集有关电子邮件地址的信息。
4. 然后，后台页面将向您添加到 gmail 的内容脚本发送消息，其中包含电子邮件地址的社交媒体详细信息
5. 然后，内容脚本会修改 gmail 的用户界面以包含您的社交媒体详细信息。

您将面临的最大长期挑战是 gmail 的布局会意外更改并破坏电子邮件发现或修改后的 UI。这两个问题要么需要一些聪明才智来解决，要么需要你熬夜想知道谷歌是否会突然破坏你的扩展。

祝你好运！

Answer 2

我不知道谷歌小工具是什么，你提供的链接给出了 404，但我认为你甚至不需要这个。

您需要的是一个内容脚本，该脚本被注入到 gmail 页面中，并在其中添加了一个面板。因此，请从阅读有关如何创建使用内容脚本的 Chrome 扩展程序开始。

Answer 3

有一个新的 SDK 用于修改 gmail 中的 DOM 元素：https ://www.inboxsdk.com/docs/

他们有一个有用的 API 来添加按钮和其他元素。