How to: Analyze data requests and responses (preview)

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

Note

Preview features aren’t meant for production use and may have restricted functionality. These features are available before an official release so that customers can get early access and provide feedback.

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:

Data source	Filter string
Connectors	apihub.net
Dataverse	dynamics.com

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