学一下chrome的扩展开发
<p>最近因为看了下 Chrome 里面置入的小模型,顺手又看了下 Chrome 扩展。</p> <p>之前其实也接触过一些浏览器扩展,但是一直没有特别系统地看过它的结构,感觉好像就是写一个 <code>html</code>,然后再配几个 <code>js</code> 文件就可以了。</p> <p>但是真正写起来以后,会发现 Chrome 扩展里面有几个不同的运行环境,尤其是 <code>popup</code> 和 <code>content script</code>,如果没有分清楚,后面调用网页内容或者操作页面 DOM 的时候就容易有点混乱。</p> <p>这次先做一个比较简单的例子,点击扩展按钮以后,给当前页面加一个背景色,再在右下角显示一个提示。</p>