All Categories
How to guides
How do i Access Developer Tools?

How do i Access Developer Tools?

How to access the chromium developer tools in your automation

🔴
Warning: this is a technical article. We recommend you have a fundamental understanding of javascript to continue
 

Before you begin

 

Add the Custom Javascript step

By adding the custom javascript step we will now have access to things like the window object allowing us to request all headers currently set

 
Notion image
 

Complete setup

 

In this example, we are going to request the headers from the URL we are currently on. Given we have access to fetch and the window object, to grab all headers we can add the following code to our custom javascript step

 
(async () => {
  try {
    const response = await fetch(window.location.href);
    const headers = response.headers;
    console.log(headers);
    // You can access specific headers using their names
    console.log(headers.get('Content-Type'));
  } catch (error) {
    console.error('Error:', error);
  }
})();
 

For more information on the available resources when using custom javascript, check out this article

Did this answer your question?
😞
😐
🤩
How to check what version you are on and why it’s important to be on the latest version. How To Add A Custom Click Step To An Automation Previously Recorded.