devtool.tech 除了工具还有哪些开发者资源?

更新时间

devtool.tech 除了 60+ 在线工具,还提供三类辅助资源:面试宝典(如 Markdown 一纸简历)、代码演练场(React 实时运行、Markdown 编辑器等)、开发者工具导航(Apifox、大前端图标大全、UserAgent 解析等)。首页同时提供「我的收藏」和「分类导航」,方便把常用工具整理成个人入口。这些资源都聚合在同一个站点内,适合在写代码、调试接口、准备面试之间切换时少开几个标签页。

面试宝典:从简历到面试准备

目前首页「面试宝典」分类下列出的条目是 一纸简历:用 Markdown 编写简历。它的实际价值在于把简历内容与排版分离——你先用 Markdown 写好经历和项目,再套用主题输出,改内容时不用反复调格式。

适用条件是:你接受 Markdown 作为简历源文件,并且投递场景允许 PDF 或网页形式。如果目标公司要求 Word 模板或特定招聘系统上传,仍需要导出后再做一次格式核对。

使用时的具体动作可以按这个顺序:

  1. 在「面试宝典」分类进入「一纸简历」。
  2. 按 Markdown 语法填写个人信息、技能、项目经历。
  3. 预览排版效果,重点检查代码块、表格、链接是否正常渲染。
  4. 导出后逐页检查分页处是否有内容被截断。

常见卡点: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 和接口数据时,优先在可信环境中处理,避免把生产环境的密钥或用户数据粘贴到任何在线页面。

站点页面未提及付费或注册要求,但也没有明确声明所有功能无需登录,实际使用以页面当时的提示为准。