For support and QA teams

See what the customer sees, errors and all

Capture the reported page at the customer's screen size, with its console errors and failed requests drawn on the image.

Get your free API key Try the playground

The problem

"The checkout page is broken on my phone." The support agent opens it on a desktop and it works. Engineering asks for a screenshot and the console output, which the customer cannot provide, and the ticket waits.

How domscout handles it

Capture the URL from the ticket at a phone's viewport with isMobile and hasTouch, so the page serves its mobile layout and touch behaviour. debugOverlay draws the page's console errors, uncaught exceptions, failed requests and oversized assets onto the image itself, so the screenshot attached to the ticket carries the evidence an engineer would have opened the developer tools for. A problem that depends on the customer's own account or session still needs their details, which this capture does not have.

Where it shows up

A support macro that attaches a phone and a desktop capture to new tickets.
Triage of bug reports before they reach engineering.
A record of what the page looked like when the report came in.

The request

POST /screenshot. Available on every plan, including the free Hobby plan, at 1 credit. For the same findings as JSON, diagnostics starts at Pro.

cURL

curl -X POST https://api.domscout.io/screenshot \
  -H "x-api-key: YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "url": "https://www.example.com/checkout",
    "width": 390,
    "height": 844,
    "isMobile": true,
    "hasTouch": true,
    "debugOverlay": true,
    "format": "png",
    "responseType": "binary"
  }' \
  -o ticket.png

Node.js

import { writeFile } from "node:fs/promises";

const response = await fetch("https://api.domscout.io/screenshot", {
  method: "POST",
  headers: { "Content-Type": "application/json", "x-api-key": "YOUR_API_KEY" },
  body: JSON.stringify({
    url: "https://www.example.com/checkout",
    width: 390,
    height: 844,
    isMobile: true,
    hasTouch: true,
    debugOverlay: true,
    format: "png",
    responseType: "binary"
  }),
});
await writeFile("ticket.png", Buffer.from(await response.arrayBuffer()));

Python

import requests

response = requests.post(
    "https://api.domscout.io/screenshot",
    headers={"x-api-key": "YOUR_API_KEY"},
    json={
        "url": "https://www.example.com/checkout",
        "width": 390,
        "height": 844,
        "isMobile": True,
        "hasTouch": True,
        "debugOverlay": True,
        "format": "png",
        "responseType": "binary"
    },
)
with open("ticket.png", "wb") as f:
    f.write(response.content)

package main

import (
	"bytes"
	"encoding/json"
	"io"
	"net/http"
	"os"
)

func main() {
	body, _ := json.Marshal(map[string]any{
		"url": "https://www.example.com/checkout",
		"width": 390,
		"height": 844,
		"isMobile": true,
		"hasTouch": true,
		"debugOverlay": true,
		"format": "png",
		"responseType": "binary",
	})
	req, _ := http.NewRequest("POST", "https://api.domscout.io/screenshot", bytes.NewReader(body))
	req.Header.Set("Content-Type", "application/json")
	req.Header.Set("x-api-key", "YOUR_API_KEY")

	res, err := http.DefaultClient.Do(req)
	if err != nil {
		panic(err)
	}
	defer res.Body.Close()

	out, _ := os.Create("ticket.png")
	defer out.Close()
	io.Copy(out, res.Body)
}

PHP

<?php
$ch = curl_init('https://api.domscout.io/screenshot');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json', 'x-api-key: YOUR_API_KEY'],
    CURLOPT_POSTFIELDS => json_encode([
        'url' => 'https://www.example.com/checkout',
        'width' => 390,
        'height' => 844,
        'isMobile' => true,
        'hasTouch' => true,
        'debugOverlay' => true,
        'format' => 'png',
        'responseType' => 'binary'
    ]),
]);
$response = curl_exec($ch);
if ($response === false) {
    throw new RuntimeException(curl_error($ch));
}
file_put_contents('ticket.png', $response);

Ruby

require "json"
require "net/http"

response = Net::HTTP.post(
  URI("https://api.domscout.io/screenshot"),
  {
    url: "https://www.example.com/checkout",
    width: 390,
    height: 844,
    isMobile: true,
    hasTouch: true,
    debugOverlay: true,
    format: "png",
    responseType: "binary"
  }.to_json,
  "Content-Type" => "application/json",
  "x-api-key" => "YOUR_API_KEY"
)
File.binwrite("ticket.png", response.body)

Java

import java.net.URI;
import java.net.http.HttpClient;
import java.net.http.HttpRequest;
import java.net.http.HttpResponse;
import java.nio.file.Path;

public class Capture {
    public static void main(String[] args) throws Exception {
        String body = """
            {
                "url": "https://www.example.com/checkout",
                "width": 390,
                "height": 844,
                "isMobile": true,
                "hasTouch": true,
                "debugOverlay": true,
                "format": "png",
                "responseType": "binary"
            }
            """;
        HttpRequest request = HttpRequest.newBuilder(URI.create("https://api.domscout.io/screenshot"))
            .header("Content-Type", "application/json")
            .header("x-api-key", "YOUR_API_KEY")
            .POST(HttpRequest.BodyPublishers.ofString(body))
            .build();
        HttpResponse<Path> response = HttpClient.newHttpClient().send(request, HttpResponse.BodyHandlers.ofFile(Path.of("ticket.png")));
        System.out.println("Saved " + response.body());
    }
}

using System.Net.Http.Json;

using var client = new HttpClient();
client.DefaultRequestHeaders.Add("x-api-key", "YOUR_API_KEY");

var response = await client.PostAsJsonAsync("https://api.domscout.io/screenshot", new {
    url = "https://www.example.com/checkout",
    width = 390,
    height = 844,
    isMobile = true,
    hasTouch = true,
    debugOverlay = true,
    format = "png",
    responseType = "binary"
});
await File.WriteAllBytesAsync("ticket.png", await response.Content.ReadAsByteArrayAsync());

Go further

JavaScript error checks

Responsive layout checks

Try a screenshot

More in Testing and QA: Responsive layout checks · Visual regression testing · JavaScript error checks · Signup and checkout flow checks · Hover, focus and dark mode screenshots · Localization screenshots · Unlabelled control checks · A screenshot of every step · Embedded widget checks · Ad landing page checks · Before and after hydration · Selectors for test automation · Print layout checks · All use cases

Give your product a browser.

Get clean web content and visual proof into your workflow in minutes.

Get your free API key Read the docs