动手写一个简单的浏览器扩展插件 - markdown文件本地预览

平时写文档的时候，一些简单的文档都用 markdown来写，编辑工具自然是随便用的，记事本、vs code或者专门的 md编辑器都可以，但是想要预览的时候，却有一定的限制，例如我想用 vs code预览 md文件，就必须装一个专门的插件，或者干脆就要开启一个 md编辑器才行，而我的本意其实仅仅是想预览一个写好的 md文档，不会做任何的改动，上面几种做法也不费什么事，但未免有些多余，毕竟，代码编辑器是用来写代码的，而且是本就已经开了很多个窗口了，不想再开一个了，至于专门的 md编辑器更是要开启一个编辑器，更麻烦。
而浏览器几乎是时时刻刻开着的，并且在浏览器上预览更敞亮，于是想着能不能找一个浏览器的md预览插件，结果找了半天没找到（可能是我找的方法有问题），于是还是决定自己写一个吧。

---

参考文档：

Chrome扩展程序的相关资料：
- Chrome扩展及应用开发（首发版）
- 360极速浏览器应用开发平台

---

manifest.json 配置文件

首先，一个 Chrome插件，肯定要有 manifest.json这个文件，此文件可以看做是插件的配置文件，插件所需加载的脚本文件、样式文件、图标、启动时刻、版本号等都在此文件中定义，一个最简单的 Chrome插件，只需要一个 manifest.json就足够了。

所以，在项目根目录新建 manifest.json，写入以下基本配置：

{
  "manifest_version": 2,
  "name": "MdPriview",
  "version": "1.0",
  "description": "预览本地 markdown文件",
  "content_scripts": [
    {
      "matches": ["file:///*.md"],
      "js": ["js/index.js"],
      "run_at": "document_end",
    }
  ],
  "icons": {
    "16": "img/16.png",
    "48": "img/48.png",
    "128"