DevToolkit，一键式 60 多个开发人员工具、屏幕截图、CSS 检查器、SEO 审核、响应式、cookie 编辑器、字体检测器等。
DevToolkit - 所有开发人员工具，一键即可完成
专为 Web 开发人员、设计师和数字机构构建的浏览器扩展。
DevToolkit 将 60 多个基本工具集成到一个弹出窗口中 - 无需新选项卡，无需登录，无需处理多个扩展。
🏆 您需要的一切都在您的浏览器中
DevToolkit 用一个只需单击即可打开的轻量级扩展取代了装满独立工具的抽屉。适用于日常工作的免费工具，以及适用于专业工作流程的专业版升级。
📸 全页截图
捕获任何网站的完整全页屏幕截图。导出为 PNG 或 JPEG，具有自定义比例、可选的固定元素隐藏和自定义文件名模板。
🎨 颜色选择器
从任何网页采样任何颜色并立即复制为 HEX、RGB、HSL 或 HSV。包括任何格式的颜色历史记录和一键复制。
🔍CSS 检查器
将鼠标悬停在任何元素上即可检查其完整的计算 CSS — 盒模型、版式、颜色、Flexbox、网格和效果。包括一个“完整 CSS”选项卡，可一键复制整个 CSS 块。现在包括页面设计摘要 - 扫描任何页面以提取其完整调色板作为可点击的样本和完整的版式地图，显示每个字体系列、大小范围和使用的粗细。
📦 资源下载器
发现并下载页面上的所有图像，包括延迟加载的资源。按大小和类型过滤，然后单独或批量下载。
🐛 调试面板
一键清除缓存、localStorage、sessionStorage、IndexedDB。注入自定义 CSS 或 JavaScript 以进行即时测试。包括图像性能审核员。
🔎 与 AI 集成的 SEO 审核
获取您访问的任何页面的即时页面 SEO 报告。它检查您的元标题和描述、标题结构、规范标签和机器人指令，然后审查社交共享标签、结构化数据、图像替代文本以及内部和外部链接。核心 Web Vitals 也包含在内，您可以一键将完整报告导出为 PDF。
🧱 Sitestack — 技术探测器
识别任何网站的 CMS、前端框架、CDN、托管提供商、分析工具和 SSL 状态。对于竞争性研究和售前发现非常有价值。
⏰ 任务提醒
内置任务管理器，带有计划的桌面通知。即使弹出窗口关闭，提醒也会触发。
✏️ 编辑模式
一键将任何网页切换为实时可编辑文档。单击任何文本即可直接在浏览器中对其进行编辑 - 非常适合内容校对、设计审查和客户演示。
🔒 网站锁定
使用 4 位数 PIN 锁定任何网站，以防止随意访问。支持“立即锁定”按钮、每个会话记忆以及回访时即时解锁。
🔡 字符串工具
键入时查看实时文本统计信息，包括单词、字符、句子和段落计数，以及估计的阅读时间。在大写、驼峰式和短横线等常见大小写之间转换文本，对行进行排序或反转，并删除重复项。查找和替换支持正则表达式，内置限制栏显示您的文本如何符合 Twitter、LinkedIn 和元描述长度限制。
⛶ 二维码生成器
生成 URL、名片、WiFi 登录等的二维码。使用徽标、颜色和样式自定义每一个，然后下载为 PNG 或 SVG，将其复制到剪贴板，或将其另存为可重复使用的预设。
🌍 世界时钟
使用专为国际工作流程构建的智能世界时钟跟踪全球时区。拖动交互式时间滑块即可一目了然地比较城市，在 12 小时和 24 小时格式之间切换，并查看 UTC 偏移量、夏令时信息以及某个位置当前是否在工作时间内。
📖 阅读器模式
将杂乱的网页变成干净、无干扰的阅读体验。自定义主题、字体、字体大小、间距和内容宽度。将文章保存到您的阅读列表、将内容导出为 PDF 或使用内置的朗读功能收听。
🌙 深色模式
立即在任何网站上启用深色模式，以获得更舒适的浏览体验。在您喜爱的网站上使用更干净、更暗的界面，减少长时间会话期间的眼睛疲劳。
💚 健康休息——开发者健康提醒
DevToolkit 是唯一具有内置开发人员健康支持的浏览器开发人员工具。长时间的编码会导致眼睛疲劳、背痛、重复性压力损伤和慢性疲劳。 Wellness Breaks 通过 13 条有科学依据的健康提醒来应对这一问题，这些提醒会在您工作时以桌面通知的形式发出——无需安装应用程序，无需设置计时器。
眼睛护理提醒：20-20-20 规则、20-20-20-20 规则、眨眼提醒、干眼缓解、手掌护理。
姿势和身体提醒：姿势检查、肩部放松、手腕伸展、颈部伸展。
运动提醒：步行休息。
焦点提醒：50-10 次休息、1 小时屏幕休息。
补水提醒：补水提醒。
还包括屏幕距离、屏幕高度、亮度匹配、夜间模式、户外时间和睡前屏幕习惯的 6 个设置提示。
选择桌面通知或全屏中断覆盖。四种叠加样式：经典、脉冲、磨砂和渐变。所有提醒都是免费的 - 因为每个开发人员都应该保持健康。
🔒 专业版特点：
📐 响应式预览
在移动设备、平板电脑和桌面设备断点处并排查看实时交互式 iframe 中的任何网站。添加自定义设备尺寸、旋转纵向/横向、跨帧同步滚动。
🔤 字体检测器和下载器
发现页面上主动渲染的每种字体 - Google 字体、自定义字体和系统字体。直接从扩展下载字体文件。
📧 电子邮件查找器
从任何页面提取所有公开可见的电子邮件地址。深度扫描模式检查 /contact、/about、/team 和其他子页面。导出为 CSV 或纯文本。
🍪 Cookie 编辑器
完整的cookie管理：查看、创建、编辑和删除具有所有属性的cookie。以 JSON、Netscape 或 HTTP 标头格式导入和导出。
🚫 元素去除器
隐藏、删除或模糊页面上的任何元素 - 横幅、弹出窗口、cookie 通知或您不需要的导航。使用 CSS 选择器定位元素，随时撤消更改，并将隐藏元素规则导出为 CSS 文件。
📋 内容提取器
从任何页面提取文本、链接、图像、标题、表格、元数据或任何自定义 CSS 选择器。导出为 JSON、CSV 或纯文本。
🖼️ 模型生成器
将任何网页屏幕截图变成精美的设备模型，用于客户演示和投资组合。五种演示风格，带有背景选项和 PNG 导出。
📏 尺子和测量
以像素精度测量任何页面上的任何元素或距离。四种测量模式：直线、方框、元素和距离。
🔗 在新标签中打开链接
扫描、过滤和预览页面上的所有链接，然后立即在新选项卡中打开它们。包括范围过滤器、选项卡之间的延迟以及打开前的确认步骤。
✂️ 轻松复制
单击任何链接、按钮、下拉菜单或导航项即可复制其文本而不触发导航。包括悬停模式、复制历史记录和右键单击 URL 复制。
⌨️ 开发格式化程序
用于日常编码和格式化任务的专用面板。格式化并突出显示 JSON、通过过期检测解码 JWT，以及在 URL、Base64 和 HTML 实体编码之间进行转换。生成 UUID、使用 MD5 或 SHA 哈希文本、在十进制、二进制、十六进制和八进制之间转换数字，以及清理 CSS - 所有这些都无需离开浏览器，因为一切都在本地运行。
📊 UTM 构建器
在几秒钟内创建可跟踪的营销 URL。生成带有来源、媒介、活动、术语和内容参数的 UTM 链接。使用快速模板、保存预设并更快地构建一致的营销活动跟踪 URL。
📝 便利贴
将个人笔记直接附加到任何网站。使用自定义注释颜色添加特定于页面的提醒、想法和反馈。您的笔记与网站保持连接，以便您每次返回时都可以使用它们。
🧩 布局工具
使用盒模型检查器、元素轮廓和弹性/网格突出显示立即可视化和分析网页布局。列网格、断点指示器和元素导航器完善了该集合，使您可以轻松理解间距、对齐方式和页面结构。
✨ 视觉编辑器
无需接触代码即可直观地编辑任何网站。修改文本、替换图像、调整字体、更改大小、更新颜色以及直接在页面上尝试设计更改。需要时将编辑后的视图导出为 PDF。
🗂️ 标签管理器
通过高级选项卡组织来控制您的浏览器选项卡。搜索选项卡、按域分组、关闭重复项、管理活动会话、保存会话以及随时恢复您的工作流程。
♿ 辅助功能检查器
分析网站的可访问性并寻找改进机会。检查 WCAG 问题、颜色对比度、图像、页面结构、表单和交互元素，并提供明确的建议，以构建更易于访问的网站。
⚡ API 测试仪
直接从浏览器测试 API。发送 GET、POST、PUT、DELETE 等请求，配置标头、身份验证、正文数据和参数。检查响应、管理变量并保存请求以加快调试速度。
🔄 差异检查器
立即比较文本、代码或内容更改。使用简单的并排比较工具查看明显的差异，检测添加和删除，并检查修改。
v3.2 中的新增功能：人工智能驱动的 SEO 和辅助功能建议
DevToolkit 现在为其两个最常用的工具提供了内置的 AI 帮助。运行 SEO 审核并获取 AI 生成的关于页面标题、元描述和内容的建议 - 立即将原始审核数据转换为您可以发送的副本。运行辅助功能审核并获得优先级、WCAG 2.1 AA 参考的针对对比度错误、缺少替代文本、未标记的表单字段、标题结构等的修复建议。
使用您自己的 API 密钥选择您自己的 AI 提供商 — OpenAI (GPT-4o-mini)、Anthropic (Claude Haiku) 或 Google Gemini (Gemini Flash)。您的密钥仅存储在您的设备本地；除了您选择的提供商之外，它永远不会同步或发送到任何地方。没有额外的订阅，没有数据收集，没有黑盒人工智能——只有更快的搜索引擎优化和可访问性修复，由您信任的模型提供支持。
✅ 为什么选择 DevToolkit
👉 单个弹出窗口中有 60 多个工具 - 无需选项卡切换
👉 免费工具，无需任何账户或付款
👉 内置开发者健康提醒——眼睛护理、姿势、补水、运动
👉 所有处理都在本地运行——不收集或传输数据
👉 基于 Chrome Manifest V3 构建 - 现代、安全且面向未来
👉 适用于 Chrome 和 Microsoft Edge
🎯 专为
👉 前端开发人员检查、调试和审核网站
👉 设计师处理布局、颜色、排版和间距
👉 SEO 专业人员审查页面结构和页面信号
👉 管理客户网站的自由职业者和机构
👉 任何想要更快、更干净的开发工作流程的人
👉 关心自己长期健康和屏幕习惯的开发者
💬 常见问题
DevToolkit 是免费的吗？
DevToolkit 为 Web 开发人员和设计人员提供了 60 多个工具。它有一个永久免费的套餐，提供 20 多种免费工具，无需帐户。一次性专业版升级可解锁 30 多个附加专业工具，包括 AI 工具、开发格式化程序、响应式预览、字体检测器、Cookie 编辑器等。
它适用于所有网站吗？
DevToolkit 适用于绝大多数现代网站。某些需要脚本注入的工具可能无法在具有严格内容安全策略的网站上运行，例如某些银行或高安全性平台。
我的数据安全吗？
是的。 DevToolkit 不会收集、传输或出售任何个人数据。所有工具都完全在浏览器内运行。任何功能都不需要帐户或登录。
如何激活专业版？
购买后，您将通过电子邮件收到许可证密钥。在 DevToolkit → 设置 → 许可证中输入，然后单击激活。专业版功能立即解锁。
Wellness Breaks 是否需要任何权限或帐户？
不会。Wellness Breaks 使用 Chrome 的内置警报和通知系统。没有外部服务，没有账户，没有数据收集。您的健康提醒完全保密。