平时写文档的时候,一些简单的文档都用 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"