google-chrome-extension - Pocket chrome 扩展如何在 Twitter 上集成按钮以实现一键保存

Question

Pocket chrome 扩展具有“集成按钮在 Twitter.com 和 Google Reader 上一键保存”的功能。

这是我的推特时间线截图。

如果我们将鼠标悬停在每条推文上，它将有一堆按钮（回复、转发、收藏等）。启用 Pocket 扩展后，我们还可以拥有一个集成的口袋按钮，并一键将推文保存到口袋（红线）。

我想知道如何实现，因为我打算添加自己的按钮，将推文同步到其他服务。

想法或链接会有所帮助。

谢谢

Answer 1

要修改网页的内容，您必须使用内容脚本。在您的内容脚本中，您将调用 DOM 函数来添加这些共享按钮（取决于页面的生成方式和页面的结构，这可能非常容易或非常棘手）。然后为这些添加的按钮添加一个单击事件侦听器。在事件处理程序中，您可以获取推文文本并向后台页面发送消息。您的后台页面处理这些消息并制作适当的 XHR 以将推文分享给其他服务。