Devtools
DevTools allows you to monitor and debug your browser session in real time, whether in a live session or in session history. DevTools is rich in content, covering three major event categories:
Console
The Console panel displays real-time log output from the page. In the playground, adding statements like console.log lets you quickly inspect variable values, trace function execution, and identify logical errors—especially helpful when debugging automation scripts or complex workflows.
- Live Logs and Error Monitoring: View real-time logs, warnings, and error messages generated by the page’s JavaScript to quickly locate code issues.
- Debugging Automation Scripts: The console is an indispensable tool for debugging automation scripts. You can output key information, track the script’s execution flow, and view potential server-side errors, significantly improving debugging efficiency.
Network
The Network panel provides a clear overview of each request’s basic details, and allows you to inspect full request information—such as response headers—by clicking to expand individual entries.
- Performance Analysis: Identify bottlenecks that slow down page loading, such as large images or slow API responses, by analyzing the network request timeline and loading times.
- Request and Response Inspection: Examine the properties of individual resources, such as their HTTP headers, content, and size, to ensure they are loading as expected. You can also search the headers and responses of all resources to verify configurations like caching policies.
Elements
The Elements panel allows you to directly view the current page’s HTML structure and associated CSS styles.
Want to get more out of your live sessions? The Scrapeless Browser Console lets you inspect elements, run scripts in real time, and debug directly in the cloud. Learn how to use it to speed up development and troubleshooting👉Brand-New Real-Time Browser Console Is Live