Search Results for "browser devtools"
Sort By:
Showing 32 open source projects for "browser devtools"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
Redux DevTools
DevTools for Redux with hot reloading, action replay, and UI
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change. It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app. If you want to have full control over where DevTools are displayed, or are developing a custom monitor, you will probably want to integrate them manually. It’s more steps, but you will have full control over monitors and their configuration. omewhere in your project, create a DevTools component by passing a monitor element to createDevTools. ... -
2
Apollo Client Browser Devtools
Apollo Client browser developer tools
This repository contains the Apollo Client Browser Devtools extension for Chrome & Firefox. The Apollo Client Browser Devtools appears as an "Apollo" tab in your web browser inspector, alongside other tabs like "Elements" and "Console". Send queries to your server through your web applications configured Apollo Client instance, or query the Apollo Client cache to see what data is loaded. -
3
Chrome DevTools MCP
Chrome DevTools for coding agents
chrome-devtools-mcp is an MCP server that connects AI agents to the Chrome DevTools Protocol so they can inspect pages, record traces, read console/network data, and modify the live browser state under user control. It makes a running Chrome instance visible to MCP clients, enabling agents to debug websites end-to-end—launching Chrome, navigating, profiling, and collecting artifacts in a structured way. -
4
Lightpanda Browser
Lightpanda: the headless browser designed for AI and automation
Lightpanda is an open-source headless browser designed specifically for automation, artificial intelligence workflows, and large-scale web interaction tasks. Unlike traditional browsers that include full graphical rendering engines meant for human users, Lightpanda is built from scratch to operate entirely in headless mode, focusing only on the components required for programmatic web interaction. This design allows it to execute JavaScript and interact with web pages while avoiding the... -
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
Ferrum
Headless Chrome Ruby API
Ferrum is a Ruby library that provides a high-level API for controlling Chrome or Chromium browsers using the Chrome DevTools Protocol. The project allows developers to automate browser interactions directly without relying on Selenium, WebDriver, or external drivers, which simplifies browser automation workflows. Ferrum runs in headless mode by default but can also be configured to run with a visible browser window for debugging and development purposes. ... -
6
Cuprite
Headless Chrome/Chromium driver for Capybara
Cuprite is a Ruby driver for the Capybara testing framework that allows developers to automate browsers using the Chrome DevTools Protocol instead of traditional WebDriver-based tools. It is built on top of the Ferrum library and provides a modern approach to browser automation that removes the need for Selenium or external browser drivers. By communicating directly with Chromium-based browsers through the DevTools protocol, Cuprite enables faster and more reliable browser automation for testing and scraping tasks. ... -
7
Rod
A Devtools driver for web automation and scraping
Rod is a high-level driver for DevTools Protocol. It's widely used for web automation and scraping. Rod can automate most things in the browser that can be done manually. Chained context design, intuitive to timeout or cancel the long-running task. Auto-wait elements to be ready. Debugging friendly, auto input tracing, remote monitoring headless browser. Thread-safe for all operations. -
8
chrome-remote-interface
Chrome Debugging Protocol interface for Node.js
chrome-remote-interface is a Node.js library that provides a convenient interface for interacting with the Chrome DevTools Protocol, allowing developers to control and instrument Chromium-based browsers programmatically. The project exposes browser debugging and automation capabilities through a straightforward JavaScript API that abstracts the underlying DevTools protocol commands and events. By connecting to a running browser instance with remote debugging enabled, developers can inspect network activity, manipulate pages, capture screenshots, automate navigation, and analyze performance metrics. ... -
9
chromedp
A faster, simpler way to drive browsers supporting the Chrome DevTools
chromedp is an open-source Go library that provides high-level browser automation capabilities by communicating directly with the Chrome DevTools Protocol. The library allows developers to control Chrome or Chromium programmatically from Go applications without relying on external browser drivers or additional runtime dependencies. Using chromedp, developers can automate tasks such as navigating websites, filling out forms, clicking elements, capturing screenshots, and extracting structured data from pages. ... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
Zendriver
A blazing fast, async-first, undetectable webscraping
Zendriver is a modern Python web automation and scraping framework that leverages the Chrome DevTools Protocol to provide fast, asynchronous control over real browser instances. Unlike traditional tools that rely on Selenium or WebDriver, Zendriver communicates directly with the browser through CDP, enabling higher performance and more precise control over browser behavior. The framework is designed to be difficult to detect by anti-bot systems, making it suitable for advanced scraping and automation use cases where stealth is important. ... -
11
Pydoll
Async Python library in automating Chromium browsers without WebDriver
Pydoll is a Python library designed for automating Chromium-based web browsers such as Chrome and Edge without relying on a traditional WebDriver layer. Instead of using external drivers, it connects directly to the Chrome DevTools Protocol through WebSocket, allowing scripts to control browser behavior more efficiently and with fewer compatibility issues. It provides a high-level API that simplifies common browser automation tasks while still offering access to low-level protocol features for advanced control. Its architecture is built around asynchronous programming using Python’s asyncio framework, enabling concurrent automation of multiple tabs and browser contexts. ... -
12
chrome-cdp
Give your AI agent access to your live Chrome session
chrome-cdp-skill is a specialized integration that enables AI agents to control and interact with web browsers through the Chrome DevTools Protocol (CDP). It allows agents to perform tasks such as navigating pages, extracting data, interacting with elements, and executing scripts in a browser environment. The project is designed to extend the capabilities of AI systems beyond static knowledge by giving them real-time access to web content and interactive interfaces. -
13
Lighthouse
Automated auditing, performance metrics, & best practices for the web
Lighthouse is an open-source, automated tool that analyzes and audits web apps and web pages in order to improve their quality. Lighthouse collects modern performance metrics and insights on developer best practices; auditing for performance, accessibility, SEO and more. After auditing it produces a report either in JSON or HTML. Included in the report is a reference doc that explains the importance of the audit and how to fix the problem areas, which you can use to improve the web app or... -
14
rep+
Burp-style HTTP Repeater for Chrome DevTools with built‑in AI
rep+ is a lightweight browser extension for Chrome DevTools that brings a Burp Suite-style HTTP repeater directly into the developer console, enhanced with built-in AI to help explain requests and suggest tests. It captures HTTP traffic from the inspected page without needing a proxy, allowing users to replay, modify, and analyze individual requests with fine-grained control over headers, bodies, and methods. -
15
single-file-cli
CLI tool to save complete web pages as single self-contained HTML file
SingleFile CLI is an open source command-line tool designed to save complete web pages as a single self-contained HTML file. It captures the rendered page in a headless browser and embeds all required resources directly into the output document, including stylesheets, scripts, images, and fonts. By consolidating every dependency into one file, it allows users to preserve a faithful copy of a web page that can be viewed offline without requiring external assets. SingleFile CLI works by controlling a browser through the Chrome DevTools Protocol, rendering the page before extracting and packaging all necessary resources. ... -
16
cat-catch
Cat scratch chrome resource sniffing extension
...Chromium kernel version 93 or later is required after version 1.0.17. If it is lower than 93, please use version 1.0.16. The extension is a general sniffing tool and has the same function as the browser DevTools. It does not decrypt any website. Any content downloaded by the user has nothing to do with the extension. Please pay attention to the permissions and copyrights of the downloaded resources. -
17
CefSharp
.NET bindings for the Chromium embedded framework
CefSharp is an easy way to embed a full-featured standards-compliant web browser into your C# or VB.NET app. CefSharp has browser controls for WinForms and WPF apps, and a headless (offscreen) version for automation projects too. CefSharp is based on Chromium Embedded Framework, the open source version of Google Chrome. CefSharp embraces modern web standards, and supports HTML5, JavaScript, CSS3 and HTML5 audio/video elements. 3D content is supported via WebGL which uses OpenGL/DirectX for... -
18
axe-core
Accessibility engine for automated Web UI testing
Axe is an accessibility testing engine for websites and other HTML-based user interfaces. It's fast, secure, lightweight, and was built to seamlessly integrate with any existing test environment so you can automate accessibility testing alongside your regular functional testing. Axe-core has different types of rules, for WCAG 2.0 and 2.1 on level A and AA, as well as a number of best practices that help you identify common accessibility practices like ensuring every page has an h1 heading,... -
19
Puppeteer
Headless Chrome Node.js API
Puppeteer is a headless Node library that provides a high level API for controlling Chromium or Chrome over the DevTools protocol. It requires zero setup and comes bundled with the Chromium version most suited to it. Puppeteer is headless by default, making it fast to run. However, it can also be set to run full or non-headless Chrome or Chromium, simply set the headless option when launching a browser. Many of the things you can do manually in the browser, you can also do with Puppeteer such as generate page screenshots and PDFs, crawl a Single-Page Application, test Chrome extensions and more. -
20
textarea.my
A minimalist text editor that lives in URL
...It supports markdown-friendly workflows and includes small quality-of-life behaviors like using a top-level markdown title to set the page title for a cleaner browser tab. It also leans into hackable customization by letting you change the look using CSS via DevTools, and those style tweaks can persist with the document. Beyond the URL, it also stores data in localStorage, providing a second layer of persistence for convenience. -
21
WebdriverIO
Next-gen browser and mobile automation test framework for Node.js
Adding helper functions, or more complicated sets and combinations of existing commands is simple and really useful. WebdriverIO can be run on the WebDriver Protocol for true cross-browser testing as well as Chrome DevTools Protocol for Chromium based automation using Puppeteer. The huge variety of community plugins allows you to easily integrate and extend your setup to fulfill your requirements. WebdriverIO allows you to automate any application written with modern web frameworks such as React, Angular, Polymeror Vue.js as well as native mobile applications for Android and iOS. ... -
22
WebF
Build flutter apps with HTML/CSS and JavaScript.
...Web Development Experience. WebF supports inspecting DOM structure, CSS styles and debugging JavaScript with Chrome DevTools, providing a browser-like web development experience. Write Once, Run Anywhere: With the power of WebF, You can write your web application and run it on any device that Flutter supports. -
23
URQL
The highly customizable and versatile GraphQL client
The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow. urql is a highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow. It's built to be both easy to use for newcomers to GraphQL, and extensible, to grow to support dynamic single-app applications and highly customized GraphQL infrastructure. In short, urql prioritizes usability and adaptability. As you're adopting... -
24
MobiDevTools
A mobile devtools for debugging web sites and web apps
This add-on provides an intuitive and visually appealing panel interface embedded directly inside your Firefox browser. Whether you develop for mobile or desktop web, gain instant access to critical page data and performance metrics — all without leaving the browser or resorting to external tools. »`Click the WebExtension's icon in the toolbar or menu to open the overlay.` -
25
HackTools
The all-in-one Red Team extension for Web Pentesters
...HackTools is accessible either in pop-up mode or in a whole tab in the Devtools part of the browser with F12. Once the build is done correctly, webpack will create a new folder called dist. After that you need to go to the extension tab on your chrome-based navigator and turn on the developer mode. Then click on the load unpacked button in the top left corner. Once you clicked on the button you just need to select the dist folder and that's it!
