学一下chrome的扩展开发

最近因为看了下 Chrome 里面置入的小模型，顺手又看了下 Chrome 扩展。

之前其实也接触过一些浏览器扩展，但是一直没有特别系统地看过它的结构，感觉好像就是写一个 html，然后再配几个 js 文件就可以了。

但是真正写起来以后，会发现 Chrome 扩展里面有几个不同的运行环境，尤其是 popup 和 content script，如果没有分清楚，后面调用网页内容或者操作页面 DOM 的时候就容易有点混乱。

这次先做一个比较简单的例子，点击扩展按钮以后，给当前页面加一个背景色，再在右下角显示一个提示。