写代码或者做网页的时候，大家是不是经常遇到这种头疼的场景：好不容易调通了逻辑，突然发现样式不对，又得切到浏览器自带的开发者工具；想看下接口文档，还得开新标签页；测试手机端效果，又得反复拖动窗口缩放……这些琐碎的操作不仅打断思路，还特别消耗时间。

今天提米门给大家带来的这个利器叫 DX Toolkit。它本质上就是一个免费的浏览器扩展（也就是我们常说的 Chrome 插件），运行后会在你当前打开的任何网页上，默默浮起一个小面板。你不需要离开当前页面，点几下就能调用各种平时藏在深处、用起来很麻烦的调试功能。

目前里面已经塞进了 12 个实用模块，提米哥挑几个最核心的用大白话给你解释一下：

• 数据管家（Storage Scout）：专门帮你查看和管理网页存在本地的临时数据（比如登录状态、缓存信息）。不仅能列表查看，还能直接修改，并且会清晰标出每个网站占用了多少存储空间，清理或排查 Bug 时特别管用。
• 接口猎人（Swagger Seeker）：以前看 API 文档或者接口管理界面时，找特定功能得像大海捞针。这个功能支持按关键词或请求类型快速筛选接口，还能一键下载原始文档，前后端对接效率直线上升。
• 真机预览（Viewport Viewer）：不用真的掏出手机，直接在网页上模拟手机、平板甚至 4K/8K 大屏的真实显示效果。而且它最聪明的一点是，不管你怎么切换设备尺寸，页面的滚动位置和你填了一半的表单内容都会原封不动保留下来，测试断点或表单交互再也不怕白填了。
• 路由追踪（Routing Report）：现在的项目大多是单页应用（SPA），页面跳转不刷新，很难看清路径变化。这个模块会把每一次页面导航的历史记录、携带的参数、查询条件以及加载耗时全部打印出来，帮你看清应用到底在怎么跑。
• 色彩探针（Palette Probe）：一眼扫出网页用了哪些 CSS 颜色变量，并且可以实时在线修改。做主题切换或者查错配色时，比在几千行代码里手动查找快得多。

当然，除了功能好用，隐私和安全更是开发者愿意信任的关键。提米哥仔细核对了它的运行机制，有几个亮点非常过硬：

• 采用最新的浏览器扩展标准（Manifest V3），只在当前页面注入脚本，后台不挂常驻服务，也不往外部服务器发送任何请求。
• 权限极其克制，只申请了必要的存储读取权限，绝不越界。
• 零数据分析，零用户追踪，所有处理都在你自己的电脑本地完成，完全不用担心敏感业务数据泄露。

目前安装量还在稳步增长，口碑相当不错。如果你平时经常被各种调试工具来回切换搞得手忙脚乱，或者纯粹想看看同行是怎么折腾效率工具的，不妨把它装上体验一下。当然，我们也欢迎各路开发者直接在插件反馈区留言，指出不足或者提出新需求，你的每一条建议都能让它变得更顺手。

需要的话，可以直接去官方商店搜索 DX Toolkit 安装。如果不想自己搜，点击下方链接即可直达安装页面：
直达网址：https://chromewebstore.google.com/detail/dx-toolkit/hgdfibppaikpnclmacagchapjfbipind