Introduction to Chromeless

Chromeless is a powerful tool for browser automation using the headless version of Chrome. It allows developers to write scripts that can interact with web pages, automate tasks, and extract data without the need for a visible browser window. This makes it an invaluable tool for tasks such as web scraping, automated testing, and user interaction simulation.

API Examples

Launching Chromeless

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const url = await chromeless
      .goto('https://www.example.com')
      .evaluate(() => window.location.href);
    console.log(url);
    await chromeless.end();
  }
  
  run().catch(console.error);

Taking Screenshots

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const screenshot = await chromeless
      .goto('https://www.example.com')
      .screenshot();
    console.log(screenshot);
    await chromeless.end();
  }
  
  run().catch(console.error);

Filling Forms and Submitting

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const result = await chromeless
      .goto('https://www.example.com/form')
      .type('John Doe', 'input[name="name"]')
      .type('john.doe@example.com', 'input[name="email"]')
      .click('button[type="submit"]')
      .wait('#result')
      .evaluate(() => document.querySelector('#result').textContent);
    console.log(result);
    await chromeless.end();
  }
  
  run().catch(console.error);

Extracting Data

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const pageTitle = await chromeless
      .goto('https://www.example.com')
      .evaluate(() => document.title);
    console.log(pageTitle);
    await chromeless.end();
  }
  
  run().catch(console.error);

Handling Multiple Pages

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const result = await chromeless
      .goto('https://www.example.com')
      .click('a.some-link')
      .wait('.new-page-element')
      .evaluate(() => document.querySelector('.new-page-element').textContent);
    console.log(result);
    await chromeless.end();
  }
  
  run().catch(console.error);

App Example: Automating Login and Fetching User Data

  const { Chromeless } = require('chromeless');
  
  async function run() {
    const chromeless = new Chromeless();
    const userData = await chromeless
      .goto('https://www.example.com/login')
      .type('username', 'input[name="username"]')
      .type('password', 'input[name="password"]')
      .click('button[type="submit"]')
      .waitForNavigation()
      .goto('https://www.example.com/user-profile')
      .evaluate(() => ({
        username: document.querySelector('.profile-username').textContent,
        email: document.querySelector('.profile-email').textContent
      }));
    
    console.log(userData);
    await chromeless.end();
  }
  
  run().catch(console.error);

The above examples demonstrate the versatility and power of Chromeless in automating various web tasks. By integrating these APIs, developers can streamline their workflow, increase efficiency, and focus on more critical aspects of their projects.

Hash: 652c36e248ba6232491732eabdb8d496a4c451321c8f28ea59d898b710264a39