Safari is a digital library providing on-demand subscription access to thousands of learning resources.
WebSocket Frame Inspection with Google Chrome Developer Tools
Google Chrome Developer Tools offer a wide range of features to help web developers. Here we focus on how it helps you learn about and debug WebSockets. If you’re interested in learning more about Google Chrome Developer Tools in general, there’s plenty of information available online.
To access the Developer Tools, open Google Chrome, then click the Customize and Control Google Chrome icon, located to the right of the address bar. Select Tools Developer Tools, as shown in Figure A-1. Most developers who use this tool frequently prefer the keyboard shortcut to the menu selection.
Figure A-1 . Opening Google Chrome Developer Tools
Google Chrome Developer Tools provide you with detailed information about your page or application through eight panels, allowing you to perform the following tasks: