这是自己第一次写chrome扩展程序，功能比较简单，就是为你在豆瓣FM上听歌时配上歌词，以此类推，大家只要懂得javascript就可以很轻松打造属于自己的各种插件。

先上效果图：

首先进入chrome开发者工具，选择resource下的localstorage，在里面你可以看到你现在正在听的这首歌的相关信息，这将是我们一会儿需要使用javascript获取的，如下图：

接下来你需要一个可以获取歌词的API,http://geci.me/api/lyric/歌曲名，通过这个api你可以获得歌词的下载地址，例如你在地址栏输入http://geci.me/api/lyric/小情歌，将会返回如下json格式的数据:

这里我们只关注lrc，也就是歌词地址。


好了有了这些，我们就可以编写javascript代码了，代码这个思路是这样的，当你打开豆瓣FM这个网站的时候，代码会通过localstorage获取你的歌曲名，然后将歌曲名与http://geci.me/api/lyric/拼接成一个api地址，如http://geci.me/api/lyric/+小情歌=http://geci.me/api/lyric/小情歌。然后通过这个地址发起异步请求，会得到上图的那堆数据，再根据数据中的lrc对应的值再次请求以获得歌词内容。

有了以上这些其实功能就已经实现了，但我们还需要将它做成chrome扩展然后安装在chrome浏览器里，这样以后就可以很方便的使用。

建立一个manifest.json文件，内容类似下面这样：

然后你在找三张你喜欢的图片分别命名为icon.png,icon-48.png以及icon-128.png，当然这些名字你是可以任意的，只是要个上面文件里的名字对应。

最后在开发者工具里的扩展应用里打包你的代码，就会获得两个文件：

第一个是作为你程序的签名，在你插件以后升级的时候使用，后一个就是安装文件，直接将其拖入chrome浏览器即可安装成功，如下图：

所有工作已完成，你可以享受自己的歌词插件了。