BestHub
Sign in
Tagged articles

Chrome Extension

82 articles · Page 1 of 1
KooFE Frontend Team
KooFE Frontend Team
Jul 11, 2026 · Information Security

Why Google Removed ModHeader: Inside the Spyware Supply‑Chain Attack

Google removed the popular ModHeader Chrome extension after security researchers reverse‑engineered version 7.0.18 and uncovered a hidden spyware SDK that harvests visited domains, encrypts them, and exfiltrates the data to a fake Stanford‑studies endpoint, with a dormant kill‑switch ready for activation via an update.

Chrome ExtensionModHeaderRequestly
0 likes · 5 min read
Why Google Removed ModHeader: Inside the Spyware Supply‑Chain Attack
Baidu Geek Talk
Baidu Geek Talk
Jun 22, 2026 · Product Management

When Code Gets Cheaper, What Gets More Expensive? AI‑Powered Product Trade‑offs

The author recounts building the Design.md Token Exporter Chrome extension using ChatGPT, Codex, and Gemini, showing how AI lowers coding barriers but forces product teams to confront costly decisions about feature scope, privacy, permissions, and trust, emphasizing disciplined trade‑offs over unchecked ambition.

AIChrome Extensiondesign tokens
0 likes · 13 min read
When Code Gets Cheaper, What Gets More Expensive? AI‑Powered Product Trade‑offs
AI Programming Lab
AI Programming Lab
Jun 17, 2026 · Artificial Intelligence

How to Choose Between Codex @Computer, @Chrome, and @Browser

The article breaks down Codex's three distinct computer‑control surfaces—@Computer, @Chrome, and @Browser—explaining their installation, trigger words, use‑case boundaries, performance trade‑offs, and a priority rule so users can pick the most suitable option for each task.

AI agentsAppshotsAutomation
0 likes · 12 min read
How to Choose Between Codex @Computer, @Chrome, and @Browser
Old Zhang's AI Learning
Old Zhang's AI Learning
Apr 28, 2026 · Frontend Development

Recreating a Social Media Anti‑Addiction Chrome Extension with AI (Open‑Source)

The author adapts a Japanese developer’s forced‑break Chrome extension using GitHub Copilot (Codex) to create an open‑source add‑on that blocks prolonged browsing on any specified sites—by default Zhihu and Weibo—displaying a full‑screen cat overlay after a configurable time.

AI code generationAnti-AddictionChrome Extension
0 likes · 3 min read
Recreating a Social Media Anti‑Addiction Chrome Extension with AI (Open‑Source)
Black & White Path
Black & White Path
Apr 14, 2026 · Information Security

How LinkedIn Leverages 6,236 Browser Fingerprints to Reveal Your Career Secrets in Milliseconds

A detailed security analysis shows that LinkedIn's browser extension silently runs a heavily obfuscated JavaScript payload that probes over 6,200 Chrome extensions in a few milliseconds, building precise user profiles, political tags, and commercial intelligence, while Microsoft defends the practice as anti‑scraping.

Browser FingerprintingChrome ExtensionExtremeHack
0 likes · 9 min read
How LinkedIn Leverages 6,236 Browser Fingerprints to Reveal Your Career Secrets in Milliseconds
AI Architecture Hub
AI Architecture Hub
Apr 6, 2026 · Artificial Intelligence

Unlock Claude Code’s 15 Hidden Features to Supercharge Your AI Development

This article details 15 powerful, under‑utilized Claude Code capabilities—including mobile apps, cross‑device session transfer, loop/schedule automation, hooks, Chrome extension verification, Git worktrees, batch processing, custom agents, remote dispatch, and voice input—showing how to build a verifiable, isolated, forkable, and schedulable AI‑driven development environment.

AI automationChrome ExtensionClaude Code
0 likes · 17 min read
Unlock Claude Code’s 15 Hidden Features to Supercharge Your AI Development
Su San Talks Tech
Su San Talks Tech
Mar 2, 2026 · Backend Development

How to Use OpenClaw’s Browser Relay for Seamless Web Data Scraping

This guide explains how OpenClaw’s built‑in browser feature and the optional Browser Relay extension enable effortless data extraction from both public and login‑required websites, providing step‑by‑step installation commands, Chrome extension loading instructions, and a practical example of scraping top posts from a social platform.

Chrome ExtensionOpenClawWeb Scraping
0 likes · 6 min read
How to Use OpenClaw’s Browser Relay for Seamless Web Data Scraping
Old Meng AI Explorer
Old Meng AI Explorer
Jan 31, 2026 · Artificial Intelligence

How Playwriter Turns AI into a Browser Co‑Pilot for Seamless Automation

Playwriter, an open‑source Chrome extension built on Microsoft Playwright, lets AI bypass login and captcha hurdles by acting as a browser co‑pilot, offering visual‑accessibility tagging to cut token usage and exposing the full Playwright API for advanced automation tasks.

AI automationChrome ExtensionPlaywright
0 likes · 6 min read
How Playwriter Turns AI into a Browser Co‑Pilot for Seamless Automation
大转转FE
大转转FE
Jan 21, 2026 · Frontend Development

Boost Frontend Efficiency: How zzChromeTools Eliminates Hidden Time Sinks

This article explains how the zzChromeTools Chrome extension tackles the often‑overlooked “invisible time killers” in frontend development by injecting AOP‑style hooks into the main world, capturing beacon requests, and presenting them in a lightweight DevTools panel, dramatically reducing cognitive load and debugging time.

AOPChrome ExtensionData Tracking
0 likes · 27 min read
Boost Frontend Efficiency: How zzChromeTools Eliminates Hidden Time Sinks
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 4, 2025 · Artificial Intelligence

How Midscene.js Uses AI to Transform UI Automation: Architecture, Workflow, and Real‑World Tips

This article systematically introduces Midscene.js, an AI‑powered next‑generation UI automation tool, covering its design motivations, core architecture, UI context acquisition, LLM‑driven planning, element verification strategies, Chrome extension implementation, common pitfalls, and practical business insights.

AIChrome ExtensionMidscene.js
0 likes · 31 min read
How Midscene.js Uses AI to Transform UI Automation: Architecture, Workflow, and Real‑World Tips
DeWu Technology
DeWu Technology
Sep 22, 2025 · Frontend Development

How to Build a Chrome Mock Extension with Manifest V3 for API Interception

This article walks through the design and implementation of a Chrome extension that mocks API responses by intercepting network requests using Manifest V3, covering architecture differences, core configuration, request‑blocking techniques, script injection, project structure, rule creation, whitelist management, and future enhancements.

API mockingBrowser extensionChrome Extension
0 likes · 10 min read
How to Build a Chrome Mock Extension with Manifest V3 for API Interception
FunTester
FunTester
Aug 24, 2025 · Frontend Development

How to Build a Powerful Chrome Tab Manager Extension with FunTester

This article details the design and implementation of FunTester, a Chrome extension that provides a sidebar for comprehensive tab management, including domain grouping, theme switching, tab actions, custom right‑click menus, dynamic icons, and real‑time status updates, all illustrated with JavaScript code examples.

Chrome ExtensionContext MenuJavaScript
0 likes · 10 min read
How to Build a Powerful Chrome Tab Manager Extension with FunTester
FunTester
FunTester
Jul 5, 2025 · Operations

Essential Fault‑Testing Resources: Guides, Tools, and Articles for 2025

This curated collection gathers the most valuable fault‑testing, Byteman, Chrome Extension, and frontend development articles from 2024‑2025, providing concise titles, direct links, and publication dates to help engineers quickly locate essential technical knowledge.

BytemanChrome ExtensionOperations
0 likes · 6 min read
Essential Fault‑Testing Resources: Guides, Tools, and Articles for 2025
Subtle Storm
Subtle Storm
Jun 6, 2025 · Frontend Development

Step-by-Step Guide to Building a Chrome Extension

This guide walks through building a Chrome extension from scratch, covering manifest configuration, UI pages, content and background scripts, required permissions, development tools, debugging techniques, packaging, publishing to the Chrome Web Store, and common feature implementations such as page interaction, messaging, and request interception.

Chrome ExtensionChrome Web StoreContent Script
0 likes · 7 min read
Step-by-Step Guide to Building a Chrome Extension
FunTester
FunTester
Apr 26, 2025 · Operations

Curated List of Technical Articles on Fault Testing, Byteman, and Chrome Extension Development

This collection gathers recent technical articles covering fault testing fundamentals, Byteman usage guides, and Chrome extension development tutorials, providing developers with practical insights, best practices, and hands‑on examples to improve system reliability, testing strategies, and front‑end extension capabilities.

BytemanChrome ExtensionOperations
0 likes · 4 min read
Curated List of Technical Articles on Fault Testing, Byteman, and Chrome Extension Development
FunTester
FunTester
Apr 17, 2025 · Frontend Development

How to Build Reliable Timers in Chrome Extensions with Manifest V3

This guide explains the shift from persistent background scripts to Service Workers in Manifest V3, compares three timer implementation strategies—including chrome.alarms, content‑script intervals, and event‑driven storage checks—and provides best‑practice recommendations for idempotency, logging, deduplication, and state persistence.

Background ScriptsChrome ExtensionService Worker
0 likes · 12 min read
How to Build Reliable Timers in Chrome Extensions with Manifest V3
FunTester
FunTester
Apr 13, 2025 · Frontend Development

Mastering Timed Tasks in Chrome Extensions: From Persistent Background to On‑Demand Execution

This guide explains how to implement reliable scheduled tasks in Chrome extensions under Manifest V3, covering the shift from persistent background scripts to service workers, three practical approaches—including chrome.alarms, content script timers, and event‑driven simulations—plus best‑practice tips for idempotency, logging, and state persistence.

Chrome ExtensionIdempotencyServer Push
0 likes · 12 min read
Mastering Timed Tasks in Chrome Extensions: From Persistent Background to On‑Demand Execution
CSS Magic
CSS Magic
Mar 10, 2025 · Artificial Intelligence

Three Advanced Ways to Harness DeepSeek for Everyone

The article outlines three practical approaches to get the most out of DeepSeek—using it as a conversational assistant, integrating its API to power AI tools such as the Chrome immersive‑translation plugin, and leveraging it for AI‑assisted programming—while comparing the V3 and R1 models and offering concrete configuration steps.

AI programmingAI translationAPI integration
0 likes · 8 min read
Three Advanced Ways to Harness DeepSeek for Everyone
FunTester
FunTester
Jan 8, 2025 · Frontend Development

Master Chrome Extension APIs: History, Downloads, and Storage Management

This article provides a comprehensive guide to Chrome extension development, covering the History, Downloads, and Storage APIs with practical code examples, advanced usage tips, privacy considerations, and custom scripts for efficient data management.

Chrome ExtensionDownloads APIHistory API
0 likes · 10 min read
Master Chrome Extension APIs: History, Downloads, and Storage Management
JD Tech Talk
JD Tech Talk
Dec 2, 2024 · Frontend Development

Building a Chrome Extension for Timestamp Conversion

This article walks through the design, implementation, and debugging of a Chrome extension that converts between timestamps and human‑readable dates, covering manifest configuration, background and popup scripts, UI layout, and usage instructions.

Chrome ExtensionJavaScriptTimestamp Conversion
0 likes · 7 min read
Building a Chrome Extension for Timestamp Conversion
JD Tech Talk
JD Tech Talk
Nov 18, 2024 · Frontend Development

Step‑by‑Step Guide to Building a Chrome Extension with Manifest, UI, and Advanced Features

This article explains what browser extensions are, outlines the Chrome extension file structure, walks through creating the manifest, popup UI, content and background scripts, demonstrates messaging APIs, and shows how to add features such as ad removal, context‑menu shortcuts, request blocking, custom new‑tab pages, and text‑highlighting.

Chrome ExtensionContent ScriptJavaScript
0 likes · 8 min read
Step‑by‑Step Guide to Building a Chrome Extension with Manifest, UI, and Advanced Features
JD Cloud Developers
JD Cloud Developers
Sep 27, 2024 · Frontend Development

Build a Chrome QR Code Generator Extension from Scratch

Learn how to create a custom Chrome extension that generates QR codes for any webpage, covering plugin architecture, manifest configuration, background and popup scripts, testing, and publishing steps, while highlighting benefits like personalization, security, and cost savings for developers.

Chrome ExtensionJavaScriptQR code
0 likes · 8 min read
Build a Chrome QR Code Generator Extension from Scratch
JD Tech Talk
JD Tech Talk
Sep 27, 2024 · Frontend Development

How to Build a Simple QR Code Generator Chrome Extension

This article explains why writing a custom Chrome extension is beneficial and provides step‑by‑step instructions, including directory structure, manifest, background script, popup UI, testing, and publishing, to create a QR code generator that works directly from the browser.

Browser pluginChrome ExtensionJavaScript
0 likes · 9 min read
How to Build a Simple QR Code Generator Chrome Extension
FunTester
FunTester
Jul 22, 2024 · Frontend Development

How to Build a Chrome Extension from Scratch: A Complete Step‑by‑Step Guide

This article walks you through the fundamentals of Chrome extension development, covering its advantages, required prerequisites, manifest file creation, core components such as popup pages, background scripts, content scripts, and context menus, complete with practical code examples and configuration details.

Chrome ExtensionFrontendJavaScript
0 likes · 14 min read
How to Build a Chrome Extension from Scratch: A Complete Step‑by‑Step Guide
DeWu Technology
DeWu Technology
Nov 22, 2023 · Frontend Development

Chrome Proxy Plugin for Efficient Micro‑Frontend Development

A Chrome proxy plugin was built to intercept micro‑frontend requests and map online URLs to local development servers, eliminating the need to launch both parent and child apps, restoring hot‑module replacement speed, offering one‑click rule configuration, and achieving full coverage and faster development for DeWu’s team.

Chrome ExtensionFrontenddevelopment efficiency
0 likes · 16 min read
Chrome Proxy Plugin for Efficient Micro‑Frontend Development
ByteFE
ByteFE
Nov 20, 2023 · Frontend Development

Solving Component Lookup Pain Points in Large React Projects with Chrome Extensions and react-dev-inspector

This article discusses the difficulty of locating source code in a massive React component library and evaluates three solutions—Chrome React Developer Tools, other Chrome plugins, and the react-dev-inspector npm package—providing installation steps, code integration details, advantages, and drawbacks.

Chrome ExtensionComponent NavigationReAct
0 likes · 7 min read
Solving Component Lookup Pain Points in Large React Projects with Chrome Extensions and react-dev-inspector
JD Retail Technology
JD Retail Technology
Aug 30, 2023 · Frontend Development

Building a ChatGPT-Powered Chrome Extension for Word Translation

This tutorial walks through creating a Chrome extension that uses the ChatGPT API to translate selected text, covering setup with OpenAI's quickstart, key code snippets for prompts, content‑script and background service worker, Vite plugin usage, deployment on Vercel, and runtime considerations.

APIChatGPTChrome Extension
0 likes · 5 min read
Building a ChatGPT-Powered Chrome Extension for Word Translation
Test Development Learning Exchange
Test Development Learning Exchange
Jun 17, 2023 · Frontend Development

Building a Smart XPath Helper Chrome Extension with Python and JavaScript

This tutorial explains how to develop a Chrome extension that assists developers in locating web page elements and generating XPath expressions by outlining the plugin's structure, providing complete configuration files, JavaScript code, HTML/CSS UI, and step‑by‑step instructions for loading and testing the extension.

Chrome ExtensionFrontendJavaScript
0 likes · 7 min read
Building a Smart XPath Helper Chrome Extension with Python and JavaScript
Test Development Learning Exchange
Test Development Learning Exchange
Jun 16, 2023 · Frontend Development

Building a Chrome Extension with Python and Flask for JSON Format Validation

This article provides a step‑by‑step guide to creating a Google Chrome extension using Python and Flask that validates JSON data on the current page, covering prerequisite setup, project structure, manifest configuration, content and background scripts, backend server implementation, and testing procedures.

Chrome ExtensionFlaskJavaScript
0 likes · 8 min read
Building a Chrome Extension with Python and Flask for JSON Format Validation
Test Development Learning Exchange
Test Development Learning Exchange
Jun 15, 2023 · Frontend Development

How to Build a Google Chrome Full-Page Screenshot Extension with Python and Selenium

This article provides a step-by-step guide to creating a Google Chrome extension that captures full-page screenshots, detailing the required project structure, manifest configuration, JavaScript background and content scripts, and a Python Selenium script for automated screenshot capture and saving.

Chrome ExtensionJavaScriptPython
0 likes · 7 min read
How to Build a Google Chrome Full-Page Screenshot Extension with Python and Selenium
政采云技术
政采云技术
May 24, 2023 · Frontend Development

LocatorJS Source Code Analysis: Architecture, Chrome Extension Integration, and Runtime Mechanics

This article provides a detailed walkthrough of LocatorJS, covering how to clone the repository, set up the development environment, explore the Chrome extension code, and dissect the runtime implementation that leverages React fiber, SolidJS components, and Babel plugins to enable precise code‑to‑UI mapping.

Babel PluginChrome ExtensionLocatorJS
0 likes · 11 min read
LocatorJS Source Code Analysis: Architecture, Chrome Extension Integration, and Runtime Mechanics
Java Architect Essentials
Java Architect Essentials
May 8, 2023 · Frontend Development

Eliminate ChatGPT “Something Went Wrong” Errors with the KeepChatGPT Chrome Extension

ChatGPT’s web interface has been increasingly showing “Something went wrong” errors after idle periods, and this guide explains two remedies: using an OpenAI API key for more stable access, and installing the KeepChatGPT Chrome/Tampermonkey extension, which suppresses the error and adds several usability enhancements.

ChatGPTChrome ExtensionError Fix
0 likes · 6 min read
Eliminate ChatGPT “Something Went Wrong” Errors with the KeepChatGPT Chrome Extension
Liangxu Linux
Liangxu Linux
Apr 30, 2023 · Frontend Development

Eliminate ChatGPT “Something went wrong” Errors with KeepChatGPT Extension

The article explains why ChatGPT’s “Something went wrong” error appears frequently, compares using an OpenAI API key versus installing the KeepChatGPT Chrome extension, and provides a step‑by‑step guide to install Tampermonkey and the extension to permanently stop the error.

ChatGPTChrome ExtensionError Fix
0 likes · 5 min read
Eliminate ChatGPT “Something went wrong” Errors with KeepChatGPT Extension
360 Tech Engineering
360 Tech Engineering
Apr 27, 2023 · Frontend Development

Guide to Developing Chrome Extensions with Manifest V3

This article explains the fundamentals of Chrome extension development using Manifest V3, covering concepts such as the manifest file, service workers, content scripts, UI pages, and provides step‑by‑step code examples to build a color‑extraction extension.

Chrome ExtensionContent ScriptJavaScript
0 likes · 14 min read
Guide to Developing Chrome Extensions with Manifest V3
Qborfy AI
Qborfy AI
Apr 6, 2023 · Frontend Development

How to Build a Vue‑Powered Chrome Extension with Vite and Rollup

This guide walks through creating a Chrome extension using Vue and Vite, covering project initialization, multi‑entry Rollup configuration for background scripts, UI development with tdesign‑vue‑next, debugging hash‑related loading issues, and final deployment steps.

Chrome ExtensionViteVue
0 likes · 8 min read
How to Build a Vue‑Powered Chrome Extension with Vite and Rollup
Selected Java Interview Questions
Selected Java Interview Questions
Apr 1, 2023 · Frontend Development

Creating a Chrome Extension to Copy Image Alt Text Using GPT‑Generated JavaScript

The article describes how the author leveraged GPT‑4 to generate JavaScript bookmarklet code, troubleshoot errors, and ultimately build a Chrome extension named “image‑alt‑copier” that extracts and copies alt text from Midjourney images, illustrating low‑bar entry into web development.

Chrome ExtensionGPT-4JavaScript
0 likes · 4 min read
Creating a Chrome Extension to Copy Image Alt Text Using GPT‑Generated JavaScript
Liangxu Linux
Liangxu Linux
Sep 27, 2022 · Frontend Development

Explore 4 Must‑Try Open‑Source JavaScript Tools by Alyssa

This article introduces four open‑source JavaScript projects—Screenity, Omni, Mapus, and Flowy—detailing their features, usage, and GitHub repositories, providing developers with powerful tools for screen recording, browser management, collaborative mapping, and flowchart creation.

Browser pluginChrome ExtensionFlowchart Library
0 likes · 6 min read
Explore 4 Must‑Try Open‑Source JavaScript Tools by Alyssa
DeWu Technology
DeWu Technology
Jun 20, 2022 · Frontend Development

Mooncake Data Mocking Platform – Design, Implementation, and Promotion

Mooncake is a unified data‑mocking platform that lets developers quickly generate and switch multi‑scenario mock data via a Chrome proxy plugin, online configuration service, and capture panel, supporting various client environments, and has been promoted internally through demos, documentation, and feedback loops, now serving hundreds of users and thousands of mock scenes.

Chrome ExtensionMockPlatform
0 likes · 9 min read
Mooncake Data Mocking Platform – Design, Implementation, and Promotion
ELab Team
ELab Team
May 27, 2022 · Frontend Development

Build a QR Code Chrome Extension with Svelte: A Step‑by‑Step Guide

This article walks through creating a Chrome QR‑code extension using Svelte, covering project setup with SvelteKit, manifest configuration for MV3, component development, reactive logic, download handling, custom adapter creation to satisfy CSP, build steps, debugging, and the final result.

Chrome ExtensionFrontendMV3
0 likes · 12 min read
Build a QR Code Chrome Extension with Svelte: A Step‑by‑Step Guide
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
May 5, 2022 · Frontend Development

Building a Music Recognition Chrome Extension with Manifest V3 and WebAssembly

The article explains how NetEase Cloud Music built a Chrome extension that captures tab audio, processes it with an AudioWorkletNode, extracts fingerprints via WebAssembly in a sandboxed iframe, and matches songs locally, all while navigating Manifest V3’s service‑worker, CSP, and deprecation constraints.

Audio FingerprintingAudioWorkletBrowser plugin
0 likes · 12 min read
Building a Music Recognition Chrome Extension with Manifest V3 and WebAssembly
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 7, 2022 · Frontend Development

Boost Your Frontend QA: Top Tools for Pixel-Perfect Design Comparison

Design review often relies on manual screenshot comparison, but this guide introduces a range of Chrome extensions, desktop clients, and npm packages—such as Perfect Pixel, CSS Peeper, Design‑Compare, PixelEye, pixelmatch, and looks‑same—that streamline pixel‑perfect page comparison, improve implementation fidelity, and enable automated visual regression in CI pipelines.

Chrome ExtensionDesign ReviewFrontend
0 likes · 10 min read
Boost Your Frontend QA: Top Tools for Pixel-Perfect Design Comparison
DaTaobao Tech
DaTaobao Tech
Mar 4, 2022 · Frontend Development

Developing Chrome Extensions with Browser‑Extension‑Kit: Architecture and Messaging

Building a Chrome extension that redirects network requests illustrates the complexities of message passing across isolated contexts, and the article shows how the browser‑extension‑kit framework abstracts routing, state management, and RxJS integration to streamline development, reduce boilerplate, and improve maintainability for React‑based popups and background scripts.

Browser Extension KitChrome ExtensionJavaScript
0 likes · 14 min read
Developing Chrome Extensions with Browser‑Extension‑Kit: Architecture and Messaging
58 Tech
58 Tech
Mar 3, 2022 · Frontend Development

Building a Chrome Extension for QR Code Generation and Decoding with jQuery

This tutorial explains how to create a Chrome browser extension that generates QR codes (optionally with protocol headers) and decodes them, covering the background motivation, directory layout, manifest and popup design, core JavaScript logic, installation steps, and a download link for the complete source.

Chrome ExtensionJavaScriptQR code
0 likes · 12 min read
Building a Chrome Extension for QR Code Generation and Decoding with jQuery
Liangxu Linux
Liangxu Linux
Feb 22, 2022 · Frontend Development

Turn Chrome Into a Keyboard‑Powered Productivity Hub with Omni

This guide introduces Omni, an open‑source Chrome extension that transforms keyboard shortcuts into a powerful productivity suite, detailing its 50+ features, installation methods, command usage, and how developers can customize it via its GitHub source code.

Chrome ExtensionFrontendOpen Source
0 likes · 6 min read
Turn Chrome Into a Keyboard‑Powered Productivity Hub with Omni
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 11, 2022 · Frontend Development

How to Build Scalable Chrome Extensions with a Message‑Driven Architecture

This article demonstrates building a Chrome extension that redirects requests, explains the challenges of managing messages across isolated execution environments, and introduces a new framework—browser‑extension‑kit—that streamlines background, popup, and content‑script communication using RxJS and declarative decorators.

Chrome Extensionweb-development
0 likes · 16 min read
How to Build Scalable Chrome Extensions with a Message‑Driven Architecture
Python Crawling & Data Mining
Python Crawling & Data Mining
Jan 16, 2022 · Fundamentals

Master Web Scraping with Chrome’s Web Scraper: Install, Sitemap & Advanced Pagination

This guide walks you through installing the Chrome Web Scraper extension, explains core concepts like sitemaps and selectors, and demonstrates how to handle both simple and complex pagination as well as secondary page crawling, enabling you to extract structured data from websites without writing code.

Chrome ExtensionSitemappagination
0 likes · 9 min read
Master Web Scraping with Chrome’s Web Scraper: Install, Sitemap & Advanced Pagination
Douyu Streaming
Douyu Streaming
Dec 10, 2021 · Cloud Computing

How We Built a Fully Automated Cloud‑Based Web Recording Service for Douyu Ads

This article describes the design and implementation of a cloud‑native automated web‑page recording system for Douyu advertising, covering the problem background, technology stack, end‑to‑end workflow, Chrome extension tricks, containerization with Docker, database handling, and deployment on Kubernetes, enabling scalable, hands‑free video capture and delivery.

AutomationChrome ExtensionMongoDB
0 likes · 29 min read
How We Built a Fully Automated Cloud‑Based Web Recording Service for Douyu Ads
ByteFE
ByteFE
Dec 3, 2021 · Frontend Development

Curated Technical Articles on Frontend Development, Low‑Code, AI Code Generation, and Modern Web Technologies

This collection presents a range of technical articles covering low‑code and zero‑code solutions, AI‑driven code generation, WebAssembly, frontend engineering practices, algorithms, JavaScript performance, CSS Grid, Chrome extensions, and advanced JavaScript features, offering insights for modern web developers.

AIChrome ExtensionLow-code
0 likes · 7 min read
Curated Technical Articles on Frontend Development, Low‑Code, AI Code Generation, and Modern Web Technologies
vivo Internet Technology
vivo Internet Technology
Nov 17, 2021 · Frontend Development

Understanding Chrome Extensions: Architecture, Core Mechanisms, and Practical Use Cases

The article explains Chrome extensions’ architecture—including manifest files, background, popup, and content scripts—and how the extension, render, and browser processes communicate, then showcases practical use cases such as page overrides, cookie control, tab management, request interception, DOM automation, and a multilingual management tool for a global e‑commerce platform.

Chrome ExtensionWeb APIsbrowser automation
0 likes · 13 min read
Understanding Chrome Extensions: Architecture, Core Mechanisms, and Practical Use Cases
FunTester
FunTester
Nov 6, 2021 · Frontend Development

Exploring Automa: A No‑Code Chrome Extension for Web UI Automation

This article reviews the Automa Chrome extension, detailing its installation, main interface, workflow creation, core actions, logging, and plugin utilities, while evaluating its strengths and limitations for automating repetitive web tasks without writing code.

AutomaChrome ExtensionUI testing
0 likes · 4 min read
Exploring Automa: A No‑Code Chrome Extension for Web UI Automation
政采云技术
政采云技术
Oct 19, 2021 · Frontend Development

Building a Chrome Extension for Quick Account Switching and Management

This article explains how to design and implement a Chrome extension using React, Webpack, and JavaScript to store multiple login accounts, tag them, isolate environments, and provide one‑click login directly from the browser and VS Code, improving efficiency for testers, developers, and product teams.

Account ManagementChrome ExtensionReAct
0 likes · 13 min read
Building a Chrome Extension for Quick Account Switching and Management
ByteFE
ByteFE
Feb 23, 2021 · Frontend Development

A Complete Guide to Building Chrome Browser Extensions: Manifest, Background, Content & Popup Scripts

This tutorial explains what browser extensions are, walks through creating a simple Chrome extension with a manifest file, adds icons and a popup page, details background, content‑scripts, inject‑scripts, permissions, inter‑script communication, and demonstrates a practical HTTP‑Header extension example.

Background ScriptChrome ExtensionContent Script
0 likes · 16 min read
A Complete Guide to Building Chrome Browser Extensions: Manifest, Background, Content & Popup Scripts
Baidu App Technology
Baidu App Technology
Jan 4, 2021 · Frontend Development

Developing Chrome DevTools Extensions and Supporting Technologies in San DevTools

The article expands the San DevTools technical analysis by detailing how to build Chrome DevTools extensions—defining a devtools page, creating panels, and debugging them—while also covering supporting technologies such as Yarn‑workspace monorepos, TypeScript path aliases, a lightweight middleware server, message‑batching bridges, and custom SVG icon components.

Chrome ExtensionDevToolsMessage Batching
0 likes · 12 min read
Developing Chrome DevTools Extensions and Supporting Technologies in San DevTools
Baidu App Technology
Baidu App Technology
Dec 29, 2020 · Frontend Development

San DevTools Technical Analysis – Message Channel and DevTools Protocol

San DevTools implements a four‑module remote‑debugging architecture where the Message Channel uses WebSocket to multiplex bidirectional frontend‑backend communication, Chrome extensions exchange messages via ports and postMessage, and both a custom San DevTools Protocol and the standard Chrome DevTools Protocol are supported through hook‑based agents and client examples.

Chrome ExtensionDevTools ProtocolJavaScript
0 likes · 19 min read
San DevTools Technical Analysis – Message Channel and DevTools Protocol
FunTester
FunTester
Sep 1, 2020 · Frontend Development

How to Test Internet Explorer on macOS: 7 Practical Methods

This guide explains why testing Internet Explorer on macOS is still necessary and walks through seven viable approaches—including online cross‑browser services, virtual machines, RemoteIE, Microsoft Remote Desktop, Chrome extensions, WineBottler, and Boot Camp—detailing their setup steps, advantages, and limitations.

Chrome ExtensionInternet ExplorerWineBottler
0 likes · 13 min read
How to Test Internet Explorer on macOS: 7 Practical Methods
TAL Education Technology
TAL Education Technology
Mar 20, 2020 · Frontend Development

Building a Chrome Extension Flip-Pen Remote Control with WebSocket

This article introduces Chrome extension fundamentals, outlines its core components and APIs, and provides a step‑by‑step guide—including server‑side WebSocket handling, content‑script communication, popup QR‑code generation, and installation methods—to create a flip‑pen remote‑control plugin.

Browser pluginChrome ExtensionJavaScript
0 likes · 12 min read
Building a Chrome Extension Flip-Pen Remote Control with WebSocket
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Oct 21, 2019 · Frontend Development

Accelerate Web Testing with a Chrome Extension for Hunter Tracing

This article explains how to build a Chrome extension that integrates with the Hunter distributed tracing system to automatically capture failing API calls during web testing, visualize request chains, and improve debugging efficiency, including manifest configuration, background and popup scripts, and implementation details.

Chrome Extensiondistributed tracingfrontend development
0 likes · 8 min read
Accelerate Web Testing with a Chrome Extension for Hunter Tracing
Programmer DD
Programmer DD
May 14, 2019 · Frontend Development

Boost Your Open‑Source Exploration with Octotree Chrome Extension

This guide compares common ways to explore open‑source projects, introduces the Octotree Chrome extension as an elegant solution, and provides step‑by‑step instructions for installing and using it to efficiently navigate GitHub repositories.

Chrome ExtensionGitHubOctotree
0 likes · 5 min read
Boost Your Open‑Source Exploration with Octotree Chrome Extension
Didi Tech
Didi Tech
Aug 14, 2018 · Frontend Development

Introduction to Chrome Extension Development

Chrome extensions are small HTML‑CSS‑JS programs whose functionality is defined in a manifest.json that lists permissions, icons, and components such as background scripts, content scripts, options pages, and UI actions, with communication via runtime messaging, storage via web or Chrome APIs, and updates managed through an update_url.

Chrome ExtensionJavaScriptWeb Development
0 likes · 8 min read
Introduction to Chrome Extension Development
21CTO
21CTO
Feb 28, 2018 · Frontend Development

Build a Chrome Extension in Minutes: Step‑by‑Step Guide

This tutorial walks you through creating a Chrome extension—from understanding what extensions are, setting up the manifest and HTML files, testing in developer mode, adding movie‑background features with the TMDb API, to publishing the finished extension on the Chrome Web Store.

CSSChrome ExtensionHTML
0 likes · 9 min read
Build a Chrome Extension in Minutes: Step‑by‑Step Guide
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 10, 2017 · Frontend Development

Build Powerful Chrome Extensions: From Basics to Publishing

This guide walks you through the fundamentals of Chrome extension development, covering what extensions are, their architecture—including content scripts, popup, and background pages—message passing, sample manifest and code, and the steps to package and publish your extension to the Chrome Web Store.

Chrome ExtensionExtension Architecturebrowser API
0 likes · 13 min read
Build Powerful Chrome Extensions: From Basics to Publishing
ITPUB
ITPUB
Dec 18, 2015 · Frontend Development

Build a Chrome Extension to Auto‑Click Taobao Red‑Envelope Buttons

This guide walks through building a Chrome extension that automatically clicks Taobao’s red‑envelope buttons, covering folder setup, manifest configuration, XPath button detection, script insertion, loading the extension in developer mode, and testing while noting anti‑cheat limitations.

Chrome ExtensionTaobaoWeb Automation
0 likes · 3 min read
Build a Chrome Extension to Auto‑Click Taobao Red‑Envelope Buttons