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

Question

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

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

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

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

想法或链接会有所帮助。

谢谢

Answer 1

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