面向 Web 的现场工具包

解剖任何网站。用手机。

桌面级 DevTools,为拇指重新打造。检查 DOM、读取每一个请求、实时编辑、捕捉错误——无需数据线,无需笔记本电脑。

完整试用 30 天 · 之后 5,99 €/年 · iPhone · iPad · Android

Network.getResponseBody · 完整响应体
路由后堆内存 +12.4 MB
shop.acme.io/checkout
ElementsNetworkConsoleStorageMemory
checkout.js120
stripe.js88
/api/cart912
hero.avif210
Uncaught TypeError: cart.total is undefined
3 个 cookies 缺少 SameSite
DOMContentLoaded 1.42 s

托盘

七件器械。Web 的每一层各一件。

每个面板都是真家伙,不是玩具控制台。它们从一个滑动托盘中打开——预览、半屏、全屏——配有大号触控目标和专为拇指设计的手势。

01

Elements

点按即可选中任意节点。DOM 树、CSS 层叠,以及带真实卡尺的盒模型。逐节点的事件监听器、树内搜索、以 HTML 方式编辑并添加属性。

tap-to-inspectbox modellisteners实时编辑
02

Console

在页面之上的完整 REPL:执行 JS、捕获带级别和堆栈跟踪的 console.*,并过滤噪声。渲染 console.table 和分组,并对页面进行实时自动补全。

evalconsole.table自动补全
03

Network

每个请求都呈现在触控瀑布图中,带真实的 DNS/TLS/TTFB 时序(Android)和发起者。请求头、payload 和响应体。拦截请求、禁用缓存浏览、实时跟踪 WebSocket、重发请求并导出 HAR。

waterfall拦截WebSocketHAR
04

Storage

带全部属性的 Cookies(expires、SameSite、Secure、httpOnly)、localStorage、sessionStorage、IndexedDB(库 → 存储区 → 记录)和缓存。按域名读取、编辑和删除。

cookiesindexeddb按域名
05

Memory

内存占用,以及 Android 上真实的堆大小;在 iOS 上则是带提示的估算值。测量一次,看看在多次导航之间什么在增长。

真实堆 (Android)估算 (iOS)
06

Sources

查看带高亮的源代码,将压缩代码格式化为可读,并覆盖资源以测试改动而无需触及服务器。

查看源代码pretty-printoverrides
07

页面

一键审计:涵盖 SEO、安全性(真实的 CSP/HSTS 响应头)、Core Web Vitals 和无障碍的评分。可导出为 Markdown。

SEO安全Core Web Vitals导出

拦截器

从观察者到试验台。

在浏览器中即可实时修改请求与响应——无需代理,无需证书。在 Android 上会拦截所有请求,而不仅仅是 fetch/XHR。

01

断点

在请求发出之前、或在响应到达页面之前将其暂停。修改方法、URL、请求头、请求体或状态码,然后继续——或直接中止。安全的自动继续机制确保页面永不卡死。

breakpointreq / resabort
02

本地映射

用本地内容响应某个端点——状态码、请求头和响应体——完全不经过网络。非常适合模拟错误状态或尚不存在的响应。

Map localmock
03

远程映射 · 重定向

将目标 URL 改写到另一台服务器:staging、一个 mock,或你自己的机器。

Map remotestaging
04

改写 + 脚本

以声明式规则对请求头和请求体做查找/替换,或用一个 JS 函数 (req)=>req / (res)=>res 进行自定义变换。

find/replaceJS hook
05

构造请求

从零构造一个请求——方法、URL、请求头和请求体——然后发送。响应会以可展开的 JSON 树、GraphQL 视图和图片预览呈现。

composeGraphQLJSON

工作台

不止于检查:构建与调试。

那个已经是你试验台的浏览器,如今也成了你的 API 与 PWA 工作台:构造请求、保存响应、调试 service worker,全程不离开手机。

01

Local Overrides

保存任意请求的响应并在本地提供,跨刷新和页面跳转持久保留。无需改动服务器,即可测试尚不存在的状态。

overridespersistente
02

请求集合

将请求分文件夹保存和整理,支持变量与环境、Bearer 或 Basic 认证以及 pre-request 脚本。发送并浏览响应,配有 JSON 树、GraphQL 和图片预览。

coleccionesentornosauth
03

可携带的工作区

将你全部的调试配置——拦截规则、拦截屏蔽、代码片段、集合与环境——导出和导入为单个文件。分享你的配置,或把它带到另一台设备。

exportimport
04

Application panel

检查 Service Workers(状态、注销、更新)、Cache Storage(缓存与条目、删除)以及 Web App Manifest 及其可安装性检查。真正地调试 PWA。

Service WorkersCacheManifest
05

Prebid

在真实手机上查看 header bidding 竞价,无需数据线:广告位、哪些竞价方作出响应、哪些超时、中标 CPM,以及整场竞价的条形图。仅在使用 Prebid 的页面上出现。

ad unitsbidderstimelineUser IDs
06

术语表

每个按钮、图标和面板的作用,用平实的语言解释,并且可搜索。因为使用 DevTools 不该以已经懂 DevTools 为前提。

9 种语言可搜索

实战

四件如今仍需笔记本电脑才能做的事。

A

那个 912 毫秒的请求

你打开瀑布图,按耗时排序,看到 /api/cart 阻塞了结账。你复制请求头,然后继续。

B

那个你本不该看到的 cookie

你读取一个 JavaScript 无法触及的会话 httpOnly cookie,检查 SameSite,然后编辑它以复现这个 bug。

C

错误的文案,实时改

你用手指选中节点,在树中修改内容和样式,然后在打开编辑器之前先验证这个修复。

D

只在手机上出现的错误

控制台捕获了带完整堆栈的 TypeError——就是那个你在桌面模拟器里永远无法复现的错误。

真正的保真度

不是伪造的注入式控制台。

在 Android 上,Scalpel 连接到与桌面版 Chrome 相同的插桩协议——真实的响应体、真实的堆、真实的网络限速。在 iPhone 和 iPad 上,一个精密检查代理为你带来 DOM、控制台、网络和存储的对等能力。

价格

一款专业工具。一年只需付费一次。

Scalpel Pro
5,99 €/ 年

前 30 天,完整且免费。开始无需信用卡。

  • 七件器械,全无限制
  • 响应体、HAR 和请求重发
  • httpOnly cookies、IndexedDB 和资源覆盖
  • 内存测量与一键页面审计
  • iPhone、iPad 和 Android,一份订阅全覆盖

即将登陆 App Store 和 Google Play

下载即享 30 天试用 · 之后续订 5,99 €/年 · 随时取消

用你的邀请码带来 3 位订阅好友?你的下次续订将降至 3,99 €/年。