devtool.tech 除了工具还有哪些开发者资源?
更新时间
devtool.tech 除了 60+ 在线工具,还提供三类辅助资源:面试宝典(如 Markdown 一纸简历)、代码演练场(React 实时运行、Markdown 编辑器等)、开发者工具导航(Apifox、大前端图标大全、UserAgent 解析等)。首页同时提供「我的收藏」和「分类导航」,方便把常用工具整理成个人入口。这些资源都聚合在同一个站点内,适合在写代码、调试接口、准备面试之间切换时少开几个标签页。
面试宝典:从简历到面试准备
目前首页「面试宝典」分类下列出的条目是 一纸简历:用 Markdown 编写简历。它的实际价值在于把简历内容与排版分离——你先用 Markdown 写好经历和项目,再套用主题输出,改内容时不用反复调格式。
适用条件是:你接受 Markdown 作为简历源文件,并且投递场景允许 PDF 或网页形式。如果目标公司要求 Word 模板或特定招聘系统上传,仍需要导出后再做一次格式核对。
使用时的具体动作可以按这个顺序:
- 在「面试宝典」分类进入「一纸简历」。
- 按 Markdown 语法填写个人信息、技能、项目经历。
- 预览排版效果,重点检查代码块、表格、链接是否正常渲染。
- 导出后逐页检查分页处是否有内容被截断。
常见卡点:Markdown 中的表格列宽在导出后可能与预览不一致;项目描述里的长英文单词或 URL 可能撑破版式。这两处建议导出后人工过一遍。
代码演练场:不离开浏览器就能跑代码
「代码演练场」是首页的一个独立分区,当前包含:
| 资源 | 能做什么 | 适合的场景 |
|---|---|---|
| React 实时运行 | 单组件代码实时编辑运行 | 验证一个 hooks 写法、试一个小交互 |
| Markdown 码途编辑器 | 在线 Markdown 编辑,支持微信主题 | 写公众号草稿、整理技术笔记 |
| Markdown 表格生成器 | Markdown、CSV、JSON 之间互转 | 把接口返回的 JSON 快速变成文档表格 |
| HTML To Markdown | HTML 实时转 Markdown,支持表格、代码块 | 搬运网页内容到文档 |
| 批量 URL 转 Markdown | 多个网页 URL 批量转换,支持单个下载和 ZIP 批量下载 | 整理参考资料 |
| HoneKit Prompt 库 | Chrome 侧边栏 Prompt 库,设备端 AI 增强,本地存储、无需 API Key | 在 ChatGPT、Claude 等站点一键优化提示词 |
React 实时运行的边界要说清楚:它是单组件级别的编辑运行环境,适合验证组件逻辑和渲染结果,不适合当作完整项目的构建环境。如果你要验证路由、多文件依赖或打包行为,仍需回到本地工程。
批量 URL 转 Markdown 的预期结果是得到一组 Markdown 文件,可单个下载或打包为 ZIP。使用前先确认目标网页允许抓取,涉及登录态或付费墙的页面通常拿不到完整内容。
开发者工具导航:那些不属于「转换类」的实用条目
「开发者工具」分类下有 21 个条目,和编码、色彩类工具不同,它们更偏查询和辅助:
- Apifox:团队 API 管理利器,属于外部工具入口。
- 大前端技术栈图标大全:提供 SVG 图标,写文档或做演示时可直接取用。
- semver 版本范围查询:核对
^1.2.3、~1.2.3这类范围到底匹配哪些版本。 - UserAgent 在线解析 / 随机 User-Agent 生成器:前者解析浏览器 UA,后者生成随机 UA 字符串用于测试与爬虫场景。
- 树形目录结构生成器:由 Markdown 列表自动生成树形目录,写 README 时省去手画层级。
- IEEE 754 图示:查看双精度浮点数的内部表示,排查精度问题时比心算可靠。
- UUID 在线生成:支持 v4/v7,批量最多 1000 个,并带格式验证。
- JWT 在线解码 / JWT 编码器:解码 Header、Payload 与签名,或创建和签名 JWT,支持自定义载荷和签名算法。
- 时间戳转换器 / 时区转换:Unix 时间戳与日期时间互转;UTC 与常用时区转换并自动处理夏令时。
- 文本 Diff 对比:逐行比较两段文本,查看新增、删除与修改。
- 密码生成器:生成随机密码、PIN 码和 Diceware 易记短语。
- SVG 编辑器与优化器 / Favicon 生成器:前者在线编辑、预览并实时压缩 SVG;后者从一张图生成多尺寸 Favicon 并给出 HTML 片段。
- OCR 光学字符识别:基于 Tesseract.js,支持多种语言的图片文字识别。
- File Type Detector、IP Info:文件类型检测与 IP 信息查询。
这些条目的共同点是「查一下就走」,不需要安装依赖。选择时按任务判断:要核对版本语义用 semver 查询,要排查浮点误差用 IEEE 754 图示,要确认 token 内容用 JWT 解码——不要用编码器去「验证」一个来源不明的 token,解码和验签是两件事。
收藏与分类导航:把常用工具固定下来
首页提供「我的收藏」和「分类导航」,视图可在网格和列表之间切换。分类覆盖工具主题、代码演练场、色彩工具、面试宝典、开发者工具、图片处理、编码与哈希、格式转换、表格工具、SEO 等。
实际用法是:第一次使用时按分类找到工具,把高频的几个加入收藏,之后从收藏进入,减少在长列表里翻找。如果你的工作流集中在某一类(比如每天都在处理图片),也可以直接用分类导航定位到「图片处理」,该分类下有图片取色器、图片灰阶生成器、微图压缩器、图片格式转换、微图床、图片占位符 API、图片 DataURL 生成器、二维码生成器、JPEG Metadata 查看与移除等条目。
怎么判断该用哪一类资源
- 要产出内容(简历、文档、公众号草稿):走面试宝典和 Markdown 编辑器。
- 要验证代码行为:用 React 实时运行,但只限单组件。
- 要查一个具体值或格式:用开发者工具分类下的查询类条目,如 semver、UA 解析、IEEE 754、时间戳。
- 要处理敏感数据:先想清楚数据性质。JWT 解码、JSON 格式化这类操作涉及 token 和接口数据时,优先在可信环境中处理,避免把生产环境的密钥或用户数据粘贴到任何在线页面。
站点页面未提及付费或注册要求,但也没有明确声明所有功能无需登录,实际使用以页面当时的提示为准。