@inproceedings{4131905542af4f318d7dcbbb84cc5d1f,
title = "Unravel: Rapid web application reverse engineering via interaction recording, source tracing, and library detection",
abstract = "Professional websites with complex UI features provide real world examples for developers to learn from. Yet despite the availability of source code, it is still difficult to understand how these features are implemented. Existing tools such as the Chrome Developer Tools and Firebug offer debugging and inspection, but reverse engineering is still a time consuming task. We thus present Unravel, an extension of the Chrome Developer Tools for quickly tracking and visualizing HTML changes, JavaScript method calls, and JavaScript libraries. Unravel injects an observation agent into websites to monitor DOM interactions in real-time without functional interference or external dependencies. To manage potentially large observations of events, the Unravel UI provides affordances to reduce, sort, and scope observations. Testing Unravel with 13 web developers on 5 large-scale websites, we found a 53% decrease in time to discovering the first key source behind a UI feature and a 32% decrease in time to understanding how to fully recreate a feature.",
keywords = "Inspecting, Recording, Reverse Engineering, Tracing, Unravel, Web Applications",
author = "Joshua Hibschman and Haoqi Zhang",
year = "2015",
month = nov,
day = "5",
doi = "10.1145/2807442.2807468",
language = "English (US)",
series = "UIST 2015 - Proceedings of the 28th Annual ACM Symposium on User Interface Software and Technology",
publisher = "Association for Computing Machinery, Inc",
pages = "270--279",
booktitle = "UIST 2015 - Proceedings of the 28th Annual ACM Symposium on User Interface Software and Technology",
note = "28th Annual ACM Symposium on User Interface Software and Technology, UIST 2015 ; Conference date: 08-11-2015 Through 11-11-2015",
}