Copy Browser Query to an API Client

Copy Browser Query to an API Client link arrow_upward

1. Open https://app.2icsoftware.com/ and sign in.
2. Press F12 on the keyboard to display browser developer tools and click Network.
3. Click 'Clear network log' button or use Ctrl + L to clear the network tab.
4. Open any page, edit a row, or perform any action that triggers a GraphQL request.
5. In the dev-tools Network tab, click on the request to display details.
6. In the Payload tab, right-click 'query' and select 'copy value'.

1. Open Altair, Postman, or any other GraphQL API client.
2. Paste the query value in the client.
3. Back in the browser Network-Payload tab, right-click on 'variables' and select 'copy value'.

1. Paste this into the variables section of the API client.
2. Configure request headers in the API client to authorise the request.
3. Send the query in the API client. Response should be the same as the response in the Network tab.

info

Use the GraphQL Network Inspector browser extension here. Clicking export/share will open another tab displaying the GraphDev API client with the GraphQL query and results automatically copied.