面向 Web 的现场工具包

解剖任何网站。用手机。

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

完整试用 30 天 · 之后 9,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 层叠,以及在页面上带有真实卡尺的盒模型。

tap-to-inspectbox model实时编辑
02

Console

在页面之上的完整 REPL:执行 JS、捕获带级别和堆栈跟踪的 console.*,并过滤噪声。

evalstack traces过滤器
03

Network

每个请求都呈现在触控瀑布图中。请求头、payload 和响应体。重发请求并导出 HAR。

waterfall重发HAR
04

Storage

Cookies(包括 httpOnly)、localStorage、sessionStorage、IndexedDB 和缓存。按域名读取、编辑和删除。

cookiesindexeddb按域名
05

Memory

堆快照、跨导航的泄漏检测和性能时间线。找出到底是什么残留不去。

heap snapshotleakstimeline
06

Sources

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

查看源代码pretty-printoverrides

实战

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

A

那个 912 毫秒的请求

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

B

那个你本不该看到的 cookie

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

C

错误的文案,实时改

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

D

只在手机上出现的错误

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

真正的保真度

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

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

价格

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

Scalpel Pro
9,99 €/ 年

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

  • 六件器械,全无限制
  • 响应体、HAR 和请求重发
  • httpOnly cookies、IndexedDB 和资源覆盖
  • 堆快照和性能时间线
  • iPhone、iPad 和 Android,一份订阅全覆盖

即将登陆 App Store 和 Google Play

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

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