https://github.com/lasorda/devtools
🛠 Developer toolkit - JSON viewer, diff, base64, URL codec, timestamp converter. Live: https://lasorda.github.io/devtools
https://github.com/lasorda/devtools
base64 developer-tools json timestamp url-encoder
Last synced: 4 days ago
JSON representation
🛠 Developer toolkit - JSON viewer, diff, base64, URL codec, timestamp converter. Live: https://lasorda.github.io/devtools
- Host: GitHub
- URL: https://github.com/lasorda/devtools
- Owner: lasorda
- Created: 2026-03-20T08:46:57.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2026-06-10T07:56:56.000Z (about 1 month ago)
- Last Synced: 2026-06-10T09:23:46.560Z (about 1 month ago)
- Topics: base64, developer-tools, json, timestamp, url-encoder
- Language: JavaScript
- Size: 29.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛠 开发者工具箱
原生 HTML/JS 开发者工具集合，支持直接部署到 GitHub Pages。
## 功能特性
- 📋 **JSON 查看器** - 格式化、压缩、语法高亮
- 🔄 **JSON 对比** - 比较两个 JSON 文件的差异
- 🔐 **Base64 编解码** - 快速编码/解码
- 🌐 **URL 编解码** - URL 安全编码/解码
- ⏰ **时间戳转换** - Unix 时间戳与日期互转
## 本地运行
### 方式一：直接打开 HTML
```bash
# 简单方式：直接在浏览器中打开 index.html
open index.html
```
### 方式二：启动本地服务器
```bash
# Python 3
python -m http.server 8080
# Python 2
python -m SimpleHTTPServer 8080
# Node.js
npx http-server -p 8080
# PHP
php -S localhost:8080
```
然后访问：http://localhost:8080
## 部署到 GitHub Pages
### 步骤 1: 创建 GitHub 仓库
```bash
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/YOUR_USERNAME/YOUR_REPO.git
git push -u origin main
```
### 步骤 2: 启用 GitHub Pages
1. 进入仓库的 **Settings**
2. 找到 **Pages** 选项
3. **Source** 选择 `main` 分支的 `/ (root)` 目录
4. 点击 **Save**
### 步骤 3: 访问您的站点
- 如果仓库名为 `devtools`，访问：https://YOUR_USERNAME.github.io/devtools
- 如果是用户主页仓库，访问：https://YOUR_USERNAME.github.io
## 路由说明
应用支持以下路由：
| 路由 | 功能 |
|------|------|
| `/` | JSON 查看器（默认） |
| `/json-viewer` | JSON 查看器 |
| `/json-diff` | JSON 对比 |
| `/base64` | Base64 编解码 |
| `/url-codec` | URL 编解码 |
| `/timestamp` | 时间戳转换 |
## 文件结构
```
├── index.html # 主页面
├── 404.html # GitHub Pages 路由重定向
├── .nojekyll # 禁用 Jekyll 处理
├── css/
│ └── style.css # 样式表
├── js/
│ ├── app.js # 标签切换和路由
│ ├── json-viewer.js # JSON 查看功能
│ ├── json-diff.js # JSON 对比功能
│ ├── base64.js # Base64 编解码
│ ├── url-codec.js # URL 编解码
│ └── timestamp.js # 时间戳转换
└── README.md # 本文件
```
## 技术栈
- 原生 HTML5
- 原生 CSS3（无框架依赖）
- 原生 JavaScript（ES6+）
- 无任何第三方依赖
## 兼容性
支持所有现代浏览器：
- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+
## 许可证
MIT License
## 贡献
欢迎提交 Issue 和 Pull Request！