关于 metools
这是一个使用 vue.js 构建的纯静态工具,提供二维码生成/识别,百度/有道的英汉互译等功能
在线使用：https://metools.js.org
离线使用：Chrome 商店下载安装扩展 ，releases 页下载 crx 手动安装
功能介绍
菜单设置
二维码生成/识别
功能描述：
- 默认获取当前 URL 生成二维码
- 可以修改前景及填充颜色
- 可添加 logo 到二维码中心
- 添加多项并保存数据到 localStorage
在线翻译
功能描述：
- 集成 百度翻译、有道翻译，可对比选则宜使用
- 粘贴/空格触发翻译
密码生成器
功能描述：
- 密码生成是获取当前域名作为 key+自己特点标识 ===> 一个固定 8 位数的密码(htpasswd 使用 SHA-1 加密取固定位数)
- 生成 http 基本认证的密码(htpasswd)
在线加密解密
功能描述：基于 crypto-js 的加密解密实现
- 可逆加密实现：["AES", "DES", "RC4", "Rabbit", "TripleDES", "Base64"]
- 不可逆加密实现：["MD5", "SHA1", "SHA224", "SHA256", "SHA384", "SHA512", "HmacSHA1", "HmacSHA224", "HmacSHA256", "HmacSHA384", "HmacSHA512", "HmacMD5"]
常用编码转换
功能描述：
- 实现编码转换:["utf-8", "ascii", "unicode", "url", "base64", "html"]
字符串模板替换
其他功能
项目启动/打包
- 还原依赖包:
npm install - 运行：
npm run dev - 打包：
npm run build//会自动将 manifest.json 与 logo.png 复制到 dist 目录，dist 目录为插件目录
路由说明
项目使用 require.context 自动加载 src/pages/*.vue 生成路由，添加页面直接在 pages 目录新建 vue 文件即可。
以下为一个示例页面，通过 meta 可设置页面标题，排序,隐藏首页，导航栏隐藏，运行中也可以通过 /setting 覆盖默认设置
<template></template>
<script>
export default {
meta: {
menuName: '测试', //导航名称
sort: 1, //排序字段 降序
indexHide: false, //首页隐藏
navHide: false // 下拉导航栏隐藏
}
}
</script>相关文档
- Vue 文档：https://cn.vuejs.org/index.html
- Chrome 插件开发 Api 文档：http://open.chrome.360.cn/extension_dev/overview.html