如何构建修改网站动态DOM的浏览器扩展

Question

我们需要创建一个扩展，将我们自己的DOM元素插入另一个动态变化的网站中。我们已经查看了各种教程（下面的示例），但没有明确说明如何执行此操作。

• https://developer.chrome.com/extensions/devguide.html
• http://arstechnica.com/information-technology/2009/09/how-to-build-a-twitter-extension-for-chrome/

但是，其他人也有非常好的例子：

• 缓冲区：他们在Twitter（和Facebook）中插入了自己的“缓冲区”元素
• Klout：他们在Twitter（和Facebook）中插入了自己的'Klout'元素

专注于缓冲区，他们将自己的'Buffer'元素添加到Tweet操作选项行。甚至，当Twitter中的一个“页面向下”时，“较旧的”推文会动态添加“缓冲区”按钮。

所以有两个问题：

1. 任何人都可以总结如何做缓冲区的工作或指出如何做到这一点的例子？
2. 另外，一般来说，在浏览器扩展中可以或不可以完成的事情的范围是什么（事件处理，监听，修改外部网页等）？

我们目前专注于Chrome和FireFox。

提前感谢任何和所有帮助。

谢谢！