End-to-end in-browser web-application debugging

摘要

Described herein are various embodiments of computer-implemented tools, systems, and methods for managing debugging of different portions of an application (e.g., front-end and back-end) with different respective debuggers in a manner that facilitates debugging the entire application from within the user interface associated with one of the debuggers (e.g., from within a browser interface). In some embodiments, a debug manager acts as a bridge between a web-browser debugger and a back-end debugger, allowing an application developer to debug web applications without leaving the browser.

主权项

1. A system to facilitate debugging a web application comprising front-end code and back-end code from within a front-end debugger integrated in a web browser executing on a client device, the system comprising one or more processors implementing a plurality of modules, the modules comprising:
a debug manager connectable to the web browser and a back-end debugger hosted on a back-end application server, the back-end debugger and the front-end debugger being different types of debuggers, the debug manager configured to provide
a connection service to identify, in response to receipt, from the client device, of a network request to the back-end application server detected during debugging of the front-end code with the web browser, a client-server connection with which the network request is associated and a server computer of the back-end application server to process the network request, anda debug-request service to cause debug requests for the back-end code, received from a developer at the front-end debugger and sent from the front-end debugger to the debug manager, to be translated into a format specific to and adapted for processing by the back-end debugger.