Telescope: Fine-Tuned Discovery of Interactive Web UI Feature Implementation
summary
Telescope instruments live web pages via a Chrome extension and a sleight-of-hand injection that steals HTML, sends sources to a server for instrumentation, then returns executable code with tracing. It shows runtime traces, maps JS calls to manipulated DOM nodes, and offers five detail levels so users expand from high‑level API calls into library internals. On seven popular sites Telescope isolates interactive features into 50–150 lines of front‑end code for six sites (one <1,000), with a 15–180s initial caching overhead.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 0:18Why learn from professional web view
- 5:23Telescope demo
- 8:31Technical challenges
- 11:20Testing
- 12:17Reusable Code
- 12:35User Themes
- 13:03Limitations
- 15:36Questions
related talks
16mUnravel: Rapid Web Application Reverse Engineering via Interaction Recording, Source ...
27mChrome Developer Tools
28mDevTools & The Performance Tab
50mModern Web Debugging
30mPerformance Tuning Secrets
43mModern web debugging with devtools
49mEffective Browser JavaScript Debugging
30mPowerful Automation with the Chrome DevTools Protocol