Phát lại phiên

Phát lại phiên cung cấp một cách để kiểm tra các hành động đã thực thi và các yêu cầu mạng. Tính năng này cho phép phát lại các phiên đã ghi, giúp kiểm tra chi tiết theo từng trang các hành động đã thực thi và các yêu cầu mạng.

Ưu điểm

✅ Ghi theo thời gian thực – Tự động ghi lại tất cả các yêu cầu mạng trong quá trình thực thi script

✅ Phát lại theo từng khung hình – Truy vết chính xác lại các hành động của trình duyệt

✅ Cộng tác nhóm – Dễ dàng chia sẻ các bản ghi phiên để gỡ lỗi theo nhóm

✅ Độ chính xác đến mili giây – Kiểm tra dấu thời gian ở cấp độ sự kiện để tinh chỉnh script tốt hơn

✅ Cô lập an toàn – Dữ liệu phiên được mã hóa và bảo vệ bằng kiểm soát truy cập chi tiết

✅ Định dạng nhẹ – Các tệp ghi nhỏ hơn 90% so với tệp video nhờ cơ chế so sánh khác biệt DOM do rrweb cung cấp

Cách sử dụng

Tạo một phiên Scrapeless Browser

Kiểu một: Tạo bản ghi phiên thông qua Playground

Playground bật ghi phiên theo mặc định thông qua thiết lập tham số.

Bạn cũng có thể bật ghi phiên trong phần cài đặt của Playground. Tuy nhiên, lưu ý rằng khi bạn bật tùy chọn Use Playground Settings, nó sẽ ghi đè các tham số kết nối trong mã của playground.

Sau khi cấu hình, hãy nhấp “Run” để bắt đầu ghi.

Kiểu hai: Tạo bản ghi phiên thông qua API

Bạn cũng có thể kết nối chức năng phiên của chúng tôi trong các dự án khác của bạn qua API, thiết lập các tham số phiên trong mã của bạn.

Để bật ghi, hãy đặt tham số truy vấn sessionRecording thành true. Giá trị mặc định là false. Bạn cũng có thể sử dụng tham số sessionName để đặt tên cho phiên của mình, giúp dễ dàng nhanh chóng tìm thấy phiên trong danh sách phiên.

Để biết tài liệu chi tiết hơn, vui lòng tham khảo: Tài liệu Agent Browser API. Ví dụ mã như sau:

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({
    sessionName: 'sdk_test',
    sessionTTL: 180,
    proxyCountry: 'US',
    sessionRecording: 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({
    sessionTTL: 180,
    sessionName: 'test_scraping', // session name
    sessionRecording: true, // enable web session recording
    proxyCountry: 'ANY',
    token: token,
    fingerprint: encodeURIComponent(JSON.stringify(fingerprint)),
});
 
const connectionURL = `wss://browser.scrapeless.com/api/v2/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({
    sessionTTL: 180,
    sessionName: 'test_scraping', // session name
    sessionRecording: true, // enable web session recording
    proxyCountry: 'ANY',
    token: token,
    fingerprint: encodeURIComponent(JSON.stringify(fingerprint)),
});
 
const connectionURL = `wss://browser.scrapeless.com/api/v2/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();
})();

Xem bản phát lại

Sau khi trình duyệt chạy xong, bản ghi phiên sẽ được tự động lưu. Nhấp vào danh sách lịch sử phiên để xem.

Hạn chế

💡 Ghi phiên chỉ tập trung vào trải nghiệm trực quan của người dùng trong trình duyệt và không bao gồm bất kỳ hoạt động máy chủ ngầm, tương tác cơ sở dữ liệu, hoặc thay đổi kỹ thuật nào không được phản ánh trong cấu trúc trang (DOM).

💡 Các hoạt ảnh phức tạp được xây dựng bằng các công nghệ như WebGL hoặc canvas có thể không được tái tạo hoàn toàn trung thực trong các bản ghi phiên.

Phiên trực tiếp Công cụ phát triển