An open API service indexing awesome lists of open source software.

https://github.com/yimogit/metools-plugin

⚡一个纯净实用的工具集⚡ 可在 Chrome/Edge 应用商店搜索安装使用
https://github.com/yimogit/metools-plugin

chrome-extension metools vue

Last synced: 4 months ago
JSON representation

⚡一个纯净实用的工具集⚡ 可在 Chrome/Edge 应用商店搜索安装使用

Awesome Lists containing this project

README

          

## 关于 metools

> 这是一个使用 vue.js 构建的纯静态工具,提供二维码生成/识别(可离线使用)等日常小工具,现已添加右键可识别网页中的二维码,生成当前页面/选中链接二维码,翻译选中文字,双重验证(谷歌验证器)等功能,欢迎使用。
> 另外还可以根据需要启用菜单,自定义导航链接,可离线使用,觉的好用的记得 Star
> 在线使用:https://metools.js.org
> 离线使用:克隆/下载 gh-pages 代码到本地,使用开发模式自行打包扩展或直接收藏书签使用
> 扩展下载:[Chrome 商店下载安装扩展](https://chrome.google.com/webstore/detail/metools/gpmjnakadlflmpekiimgbflnkmkncjie) ,[releases 页下载 crx 手动安装](https://github.com/yimogit/metools-plugin/releases)

## 功能介绍

### ★ 2023-09-25 新增翻译配置
可自行前往[百度翻译开放平台](https://fanyi-api.baidu.com/manage/developer)、[有道智云平台](https://ai.youdao.com/console/#/service-singleton/text-translation) 申请应用配置

![图片](./docs/images/setting-fanyi.png)

### ★ 2023-09-25 新增JSON格式化
![图片](./docs/images/format-json.png)

### ★ 2019-10-27 新增添加网页菜单(快捷翻译,二维码生成&识别)

![图片](./docs/images/menu.gif)

### [菜单设置](https://metools.js.org/#/setting)

![图片](./docs/images/setting.gif)

### [二维码生成/识别](https://metools.js.org/#/qrcode)

![图片](./docs/images/qrcode.gif)

功能描述:

- 默认获取当前 URL 生成二维码
- 可以修改前景及填充颜色
- 可添加 logo 到二维码中心
- 添加多项并保存数据到 localStorage

### [在线翻译](https://metools.js.org/#/fanyi)

![图片](./docs/images/fanyi.gif)

功能描述:

- 集成 百度翻译、有道翻译,可对比选则宜使用
- 粘贴/空格触发翻译

### [密码生成器](https://metools.js.org/#/genpwd)

![图片](./docs/images/genpwd.gif)

功能描述:

- 密码生成是获取当前域名作为 key+自己特点标识 ===> 一个固定 8 位数的密码(htpasswd 使用 SHA-1 加密取固定位数)
- 生成 http 基本认证的密码(htpasswd)

### [在线加密解密](https://metools.js.org/#/encode)

![图片](./docs/images/encrypt.gif)

功能描述:基于 crypto-js 的加密解密实现

- 可逆加密实现:["AES", "DES", "RC4", "Rabbit", "TripleDES", "Base64"]
- 不可逆加密实现:["MD5", "SHA1", "SHA224", "SHA256", "SHA384", "SHA512", "HmacSHA1", "HmacSHA224", "HmacSHA256", "HmacSHA384", "HmacSHA512", "HmacMD5"]

### [常用编码转换](https://metools.js.org/#/encode)

![图片](./docs/images/encode.gif)

功能描述:

- 实现编码转换:["utf-8", "ascii", "unicode", "url", "base64", "html"]

### [字符串模板替换](https://metools.js.org/#/strsplit)

![图片](./docs/images/templatesplit.gif)

### [双重验证/谷歌验证器](https://metools.js.org/#/twostepvalidation)

![图片](./docs/images/twostepvalidation.jpg)

### [非人语言转换](https://metools.js.org/#/gossip)

![图片](./docs/images/gossip.png)

### 其他功能

- [图片转 Base64](https://metools.js.org/#/tobase64)
- [数字转人名币](https://metools.js.org/#/rmbconvert)
- [Markdown 转 Html](https://metools.js.org/#/mdconvert)
- [人类语言 转 非人类语言](https://metools.js.org/#/gossip)

## 项目启动/打包

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

### 路由说明

项目使用 `require.context` 自动加载 `src/pages/*.vue` 生成路由,添加页面直接在 pages 目录新建 vue 文件即可。
以下为一个示例页面,通过 meta 可设置页面标题,排序,隐藏首页,导航栏隐藏,运行中也可以通过 /setting 覆盖默认设置

```html

export default {
meta: {
menuName: '测试', //导航名称
sort: 1, //排序字段 降序
indexHide: false, //首页隐藏
navHide: false // 下拉导航栏隐藏
}
}

```

## 相关文档

- Vue 文档:https://cn.vuejs.org/index.html
- Chrome 插件开发 Api 文档:http://open.chrome.360.cn/extension_dev/overview.html