一个使用vue.js构建的纯静态chrome插件

1,665 阅读1分钟
原文链接: github.com

这是什么?

这是一个使用 vue.js 构建的纯静态工具,包含多种格式的加密/解密,编码/解密,二维码生成/识别,百度/有道的英汉互译,md与html互转,模板替换等功能 Build Status

插件预览

在线访问:metools.js.org

图片

项目如何启动

  1. 还原依赖包: npm install
  2. 运行:npm run dev
  3. 打包:npm run build //回自动将manifest.json与logo.png复制到dist目录,dist目录为插件目录

插件安装

  1. 商店下载
  2. Github下载
  3. 打开chrome扩展页:chrome://extensions/
  4. 将扩展拖到浏览器中。。

插件调试

  1. 你需要一个chrome浏览器
  2. 打开扩展列表:chrome://extensions/
  3. 启用开发着模式,加载dist目录即可 图片
  4. 修改后,重新执行npm run build,然后重新加载插件即可在右上插件查看效果
  5. 在调用chrome的api时,以if (typeof chrome != undefined && chrome.tabs) {}判断是否为插件模式
  6. 同时可以将此应用部署到coding或者GitHub使用pages服务访问

插件开发

Api文档:open.chrome.360.cn/extension_d…