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

Question

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

目前我正在阅读Google's Gadget docs。

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页面，在那里它添加了一个面板。因此，首先阅读使用how to create a Chrome extension的content scripts。

Answer 3

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

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