Dev Tips: DevTools: Understand how DevTools works at a deeper level with the protocol monitor

Dev Tips   DevTools: Understand how DevTools works at a deeper level with the protocol monitor The experimental Protocol Monitor in Canary displays the underlying requests and responses happening over the DevTools protocol. For example, when evaluating some JavaScript via DevTools, observe the following messages on the protocol: Runtime.compileScript Runtime.evaluate Debugger.scriptParsed Debugger.scriptParsed Runtime.consoleAPICalled Many UI actions, such as inspecting elements, will trigger messages to be sent/received over the protocol. As an exercise, try these actions out yourself and observe the payloads. If you have any troubles viewing this animated gif, check out: umaar.com/dev-tips/166-protocol-monitor Sponsor Project management is better when it's visual: monday.com is the next generation of visual tools, built specifically for developers. See what everyone on your team is working on in a single glance. Tweet Share +1 Copyright © 2018 Umar, All rights reserved. You are receiving this email because you signed up for Dev Tips. unsubscribe from this list    update subscription preferences