Unravel: Rapid Web Application Reverse Engineering via Interaction Recording, Source ...
summary
Unravel is a Chrome DevTools extension that injects an observation agent to record DOM mutations, wrap the document API, and surface JavaScript call stacks and library detections so users see which functions cause UI changes. The UI shows HTML changes, JavaScript traces and library detection, bringing 60,000+ lines down to a single function like showSlide and yielding 53% faster time to the first key source in a 13‑developer study. It works client‑side only and misses closed‑over or SVG/WebGL code.
AI-written summary · about
chapters (9)
- 0:00Inspection is Overwhelming
- 1:28Pilot Study
- 3:08Foundational: Inspection, Recording, Replay
- 4:14Contributions of Unravel in Related Work
- 5:10Unravel System
- 8:22Capturing Traces: API Harness
- 9:27User Study
- 10:31Study Findings
- 11:01Discussion
related talks
19mTelescope: Fine-Tuned Discovery of Interactive Web UI Feature Implementation
53mFuture of JavaScript Debugging: Dbux and Dynamic Program Analysis
34mVisualising program execution
15mThe JavaScript Debug Robot
33mTooling For The Modern WebApp Developer
27mReverse-engineering JavaScript to get rid of trust issues
39mDebugging With JS Frameworks
33mEssential JavaScript debugging tools for the modern detective