How to: Analyze data requests and responses

This article explains how to review code app data requests and responses in browser dev tools.

Browser developer tools (DevTools) are built-in tools in modern web browsers that let you inspect network traffic, view console logs, debug JavaScript, and examine HTML/CSS. You can open DevTools by pressing F12 or Ctrl+Shift+I, or by right-clicking a page element and choosing Inspect (on macOS use Command+Option+I). For detailed guidance, review the browser documentation:

• Chrome DevTools
• Microsoft Edge DevTools
• Firefox DevTools

Prerequisites

You have a code app that connects to data as described in these articles:

• How to connect to data
• How to connect to Azure SQL

View data requests in browser dev tools

You can filter data requests using these strings:

This screenshot shows how to filter requests to connectors using dev tools in Edge using the apihub.net filter.