Replay de Sessão

O replay de sessão fornece uma maneira de inspecionar as ações executadas e as solicitações de rede. Este recurso permite reproduzir sessões gravadas, permitindo um exame detalhado, página por página, das ações executadas e das solicitações de rede.

Vantagens

✅ Gravação em tempo real – Registra automaticamente todas as solicitações de rede durante a execução do script

✅ Reprodução quadro a quadro – Retrace precisamente as ações do navegador

✅ Colaboração em equipe – Compartilhe facilmente gravações de sessão para depuração em equipe

✅ Precisão de milissegundos – Inspecione timestamps em nível de evento para ajuste aprimorado do script

✅ Isolamento seguro – Os dados da sessão são criptografados e protegidos por controle de acesso granular

✅ Formato leve – Os arquivos de gravação são 90% menores que os arquivos de vídeo graças à diferenciação de DOM com tecnologia rrweb

Como Usar

Criar uma Sessão do Navegador Scrapeless

Tipo Um: Criar uma Gravação de Sessão por meio do Playground

O playground tem a gravação de sessão habilitada por padrão por meio das configurações de parâmetros.

Você também pode habilitar a gravação de sessão nas configurações do Playground. No entanto, observe que, ao habilitar a opção Usar Configurações do Playground, os parâmetros de conexão no código do playground serão sobrescritos.

Após a configuração, clique em “Executar” para iniciar a gravação.

Tipo Dois: Criar uma Gravação de Sessão por meio da API

Você também pode conectar nossa funcionalidade de sessão em seus outros projetos via API, definindo parâmetros de sessão em seu código.

Para habilitar a gravação, defina o parâmetro de consulta session_recording como true. O valor padrão é false. Você também pode usar o parâmetro session_name para definir um nome para sua sessão, facilitando a localização rápida de sua sessão na lista de sessões.

Para documentação mais detalhada, consulte: Documentação da API do Navegador de Scraping. O exemplo de código é o seguinte:

const { Scrapeless } = require('@scrapeless-ai/sdk');
const puppeteer =require('puppeteer-core');
const client = new Scrapeless({ apiKey: 'API Key' });
 
// custom fingerprint
const fingerprint = {
    platform: 'Windows',
}
 
// Create browser session and get WebSocket endpoint
const { browserWSEndpoint } = client.browser.create({
    session_name: 'sdk_test',
    session_ttl: 180,
    proxy_country: 'US',
    session_recording: true,
    fingerprint,
});
 
(async () => {
    const browser = await puppeteer.connect({browserWSEndpoint});
    const page = await browser.newPage();
 
    await page.goto('https://www.scrapeless.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.google.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.youtube.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await browser.close();
})();

const puppeteer =require('puppeteer-core');
 
const token = 'API Key'
 
// custom fingerprint
const fingerprint = {
    platform: 'Windows',
}
 
const query = new URLSearchParams({
    session_ttl: 180,
    session_name: 'test_scraping', // session name
    session_recording: true, // enable web session recording
    proxy_country: 'ANY',
    token: token,
    fingerprint: encodeURIComponent(JSON.stringify(fingerprint)),
});
 
const connectionURL = `wss://browser.scrapeless.com/browser?${query.toString()}`;
 
(async () => {
    const browser = await puppeteer.connect({browserWSEndpoint: connectionURL});
    const page = await browser.newPage();
 
    await page.goto('https://www.scrapeless.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.google.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.youtube.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await browser.close();
})();

const {chromium} =require('playwright');
 
const token = 'API Key'
 
// custom fingerprint
const fingerprint = {
    platform: 'Windows',
}
 
const query = new URLSearchParams({
    session_ttl: 180,
    session_name: 'test_scraping', // session name
    session_recording: true, // enable web session recording
    proxy_country: 'ANY',
    token: token,
    fingerprint: encodeURIComponent(JSON.stringify(fingerprint)),
});
 
const connectionURL = `wss://browser.scrapeless.com/browser?${query.toString()}`;
 
(async () => {
    const browser = await chromium.connectOverCDP(connectionURL);
    const page = await browser.newPage();
 
    await page.goto('https://www.scrapeless.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.google.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await page.goto('https://www.youtube.com');
    await new Promise(res => setTimeout(res, 3000));
 
    await browser.close();
})();

Visualizar Replay

Após o navegador terminar de executar, a gravação da sessão será salva automaticamente. Clique na lista de histórico de sessões para visualizá-la.

Limitações

💡 A gravação da sessão concentra-se apenas na experiência visual do usuário no navegador e não inclui nenhuma atividade do servidor subjacente, interações com o banco de dados ou alterações técnicas não refletidas na estrutura da página (DOM).

💡 Animações complexas construídas com tecnologias como WebGL ou canvas podem não ser reproduzidas perfeitamente com fidelidade nas gravações de sessão.

Sessão ao vivo Impressão digital personalizada