skills.rest
dejanr
dejanrCOMMUNITY
Explore all skills by this author →
Website𝕏@dejanrGitHub

web-browser

Control Chrome, Chromium, and Qutebrowser via the Chrome DevTools Protocol.

15|1|Updated Feb 21, 2019
Search Tags:#automation#data extraction#navigation#scraping#browser#web
One-click install
npx skills add https://github.com/dejanr/dotfiles --skill web-browser-dejanr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-browser
Source: https://github.com/dejanr/dotfiles/tree/main/modules/home/cli/pi-mono/skills/web-browser
Command: npx skills add https://github.com/dejanr/dotfiles --skill web-browser-dejanr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires ws, and includes scripts (resource) components.

What problem does it solve?

This Skill allows for programmatic interaction with web pages, enabling automated browsing, form filling, and data extraction directly from your browser.

Core Features & Use Cases

  • Automated Browsing: Navigate websites, click links, and fill out forms using simple commands.
  • Data Extraction: Execute JavaScript to extract specific information from web pages.
  • Screenshotting: Capture screenshots of web pages for documentation or analysis.
  • Use Case: Automatically fill out a registration form on a website, extract product details from an e-commerce page, or check the status of a web service.

Quick Start

Navigate to https://example.com in a new tab.

Frequently Asked Questions about web-browser

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web browser navigation and form submission?▼

Automated web browser navigation and form submission is achieved by programmatically controlling browser instances using the Chrome DevTools Protocol. You can execute JavaScript commands to interact with page elements, click links, and fill out forms automatically.

Can I extract data from web pages using JavaScript execution?▼

Yes, data extraction from web pages is supported by executing custom JavaScript directly within the browser context. This allows you to isolate and retrieve specific information from the Document Object Model for automated scraping tasks.

Does this web automation approach work with Chromium and Qutebrowser?▼

This web automation approach works with Google Chrome, Chromium, and Qutebrowser instances. It connects to these browsers remotely using the Chrome DevTools Protocol to facilitate testing and content analysis.

What is the best way to capture screenshots of web pages for documentation?▼

Capturing screenshots of web pages for documentation is handled through programmatic browser control. By navigating to the target URL, you can trigger a screenshot command to save the visual state of the page for analysis.

Do I need the ws package to enable remote browser control?▼

Yes, the ws package is required as a dependency to enable remote browser control. It facilitates the WebSocket connections necessary for communicating with the Chrome DevTools Protocol.

Why use the Chrome DevTools Protocol for web scraping instead of other methods?▼

Using the Chrome DevTools Protocol for web scraping allows direct interaction with fully rendered web pages within actual browser instances. Unlike simple HTTP requests, this method executes JavaScript and handles dynamic content seamlessly.

Related Skills

Explore More Software Engineering Skills→
Arry8Arry8
1

chrome-cdp

Connect to Chrome's DevTools Protocol via WebSocket for browser control.

Community
Advanced
h4vzzh4vzz
33

data-cleaning

Clean raw datasets into analysis-ready tables using pandas, pyjanitor, and great_expectations.

Community
Advanced
HouseGarofaloHouseGarofalo
3

browserless

Automate headless Chrome browser tasks via REST API and WebSocket.

Official
Intermediate
zhayujiezhayujie
46.4k

web-fetch

Fetch web page HTML and extract title and readable text.

Community
Basic