Tagged articles
14 articles
Page 1 of 1
SuanNi
SuanNi
May 18, 2026 · Artificial Intelligence

How Kimi WebBridge Lets AI Control Your Browser Like a Human

Kimi WebBridge is a browser extension that bridges local AI agents and Chrome/Edge, enabling the AI to act with the user's login state, cookies, and account to click, scroll, fill forms, and extract data securely on the local machine, while remaining non‑intrusive and supporting custom CLI tools.

AI AgentBrowser AutomationCLI
0 likes · 11 min read
How Kimi WebBridge Lets AI Control Your Browser Like a Human
AI Architecture Path
AI Architecture Path
Apr 30, 2026 · Artificial Intelligence

How a 592‑Line Open‑Source Tool Lets Claude Code Autonomously Control Browsers

Browser Harness is a lightweight, 592‑line Python framework built on Chrome DevTools Protocol that lets AI agents like Claude Code dynamically edit their own helper functions, auto‑generate site‑specific skills, and operate browsers without predefined scripts, while outlining its performance benefits, security cautions, and current limitations.

AI AgentBrowser AutomationBrowser Harness
0 likes · 11 min read
How a 592‑Line Open‑Source Tool Lets Claude Code Autonomously Control Browsers
Architect's Journey
Architect's Journey
Mar 31, 2026 · Artificial Intelligence

How web-access Transforms AI Agents from Search to Full Browser Browsing

The article analyzes the open‑source web‑access skill, showing how its goal‑oriented design, CDP integration, and parallel task scheduling let AI agents move beyond simple search to authentic web browsing, handling login‑required and dynamic pages with three‑fold efficiency gains.

AI agentsChrome DevTools ProtocolMCP
0 likes · 10 min read
How web-access Transforms AI Agents from Search to Full Browser Browsing
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 26, 2026 · Frontend Development

What Is CDP? Mastering the Frontend Debugging Toolchain

The article explains Chrome DevTools Protocol (CDP) as the JSON‑over‑WebSocket interface that lets external programs control Chrome, details its request/response and event model, shows a raw Node.js client, compares built‑in DevTools panels to CDP domains, and surveys the ecosystem of tools such as Puppeteer, Playwright, Cypress and Lighthouse that are built on top of CDP.

CDPChrome DevTools ProtocolNode.js
0 likes · 11 min read
What Is CDP? Mastering the Frontend Debugging Toolchain
Code Wrench
Code Wrench
Mar 16, 2026 · Backend Development

Mastering Chromedp: Go‑Based Chrome Automation for Real‑World Use Cases

This article provides a comprehensive guide to using the Go library chromedp for Chrome DevTools Protocol‑driven browser automation, covering its core architecture, practical techniques for navigation, network interception, anti‑bot evasion, performance tuning, and production‑grade recommendations with full code examples.

Browser AutomationChrome DevTools ProtocolGo
0 likes · 10 min read
Mastering Chromedp: Go‑Based Chrome Automation for Real‑World Use Cases
Code Mala Tang
Code Mala Tang
Jul 18, 2024 · Backend Development

Master Node.js Debugging with VS Code: A Complete Guide

This tutorial explains the fundamentals of Node.js debugging, covering V8 and Chrome DevTools Protocol basics, step‑by‑step CDP usage, built‑in debugger commands, and detailed VS Code configuration to help developers efficiently locate and fix issues.

Backend DevelopmentChrome DevTools ProtocolNode.js
0 likes · 17 min read
Master Node.js Debugging with VS Code: A Complete Guide
ByteFE
ByteFE
Dec 21, 2022 · Frontend Development

Evolution and Best Practices of Remote Debugging for Mobile and Hybrid Web Applications

This article comprehensively explores the evolution, underlying principles, and practical implementations of remote debugging for mobile and hybrid web applications, comparing historical tools like Weinre with modern solutions, analyzing USB and Wi-Fi transport mechanisms for Android and iOS, and providing actionable best practices for developers.

Chrome DevTools ProtocolDebugging ToolsHybrid Applications
0 likes · 14 min read
Evolution and Best Practices of Remote Debugging for Mobile and Hybrid Web Applications
ByteFE
ByteFE
Jan 17, 2022 · Frontend Development

Design and Implementation of CSS Visual Editing in the AUX Tool

This article explains how the internally developed AUX visual development tool extracts original CSS source metadata from the browser using native APIs, stylesheet inspection, and the Chrome DevTools Protocol, and how it processes that data to provide accurate, editable CSS code within a low‑invasion, code‑centric workflow.

AUXCSSChrome DevTools Protocol
0 likes · 14 min read
Design and Implementation of CSS Visual Editing in the AUX Tool
Beike Product & Technology
Beike Product & Technology
Oct 12, 2018 · Fundamentals

Headless Browser Automation: Selenium vs Puppeteer

This article explores headless browser automation technologies including Selenium, PhantomJS, Puppeteer, and Headless Chrome, comparing their architectures, use cases, and implementation differences.

Automated TestingBrowser AutomationChrome DevTools Protocol
0 likes · 9 min read
Headless Browser Automation: Selenium vs Puppeteer
Baidu Intelligent Testing
Baidu Intelligent Testing
Sep 25, 2017 · Mobile Development

Automated Measurement of Mobile H5 Page Load Time Using Chrome DevTools Protocol and Machine Vision

This article presents two experimental methods for automatically obtaining load‑time metrics of mobile H5 pages—one leveraging Chrome DevTools Protocol to collect network, page, DOM and runtime data from Android Chrome/WebView, and another using computer‑vision techniques to detect progress‑bar visual cues in recorded screen videos.

AndroidChrome DevTools ProtocolWebView
0 likes · 9 min read
Automated Measurement of Mobile H5 Page Load Time Using Chrome DevTools Protocol and Machine Vision
Qunar Tech Salon
Qunar Tech Salon
Jul 19, 2017 · Frontend Development

Headless Chrome Automation: API Overview, Coding Tips, and Example Scripts

This article introduces the Chrome DevTools Protocol API, provides practical coding tips for using the chrome-remote-interface library, and demonstrates complete Node.js examples for gathering performance metrics, automating Baidu searches, and extracting first‑page results with headless Chrome.

Chrome DevTools ProtocolHeadless ChromeJavaScript
0 likes · 9 min read
Headless Chrome Automation: API Overview, Coding Tips, and Example Scripts