Tag

Chrome Extension

0 views collected around this technical thread.

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 Extensionfault testing
0 likes · 4 min read
Curated List of Technical Articles on Fault Testing, Byteman, and Chrome Extension Development
FunTester
FunTester
Mar 27, 2025 · Backend Development

Curated List of Development Tutorials and Video Resources

This page compiles a comprehensive collection of tutorial links and video resources covering Chrome extension development, Java performance testing, interface testing, Groovy scripting, various utility videos, and the Arthas diagnostic tool, providing developers with organized references for learning and practice.

ArthasChrome ExtensionGroovy
0 likes · 5 min read
Curated List of Development Tutorials and Video Resources
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 ExtensionJavaScriptfrontend development
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 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
Sep 9, 2024 · Frontend Development

Understanding Message Passing in Chrome Extensions

This article provides a comprehensive guide to Chrome extension message passing, covering its core concepts, common use cases such as content-to-background communication, popup interactions, broadcast messaging, as well as detailed code examples for one‑way messages, long‑lived connections, and cross‑extension communication.

APIChrome ExtensionJavaScript
0 likes · 19 min read
Understanding Message Passing in Chrome Extensions
FunTester
FunTester
Aug 6, 2024 · Frontend Development

Reviving the lastTab Chrome Extension: Manifest Configuration and Core Logic

This article details the revival of the lastTab Chrome extension, explaining the manifest v3 setup, background scripts, and event listeners that ensure each window retains at least two tabs, while providing full source code snippets and implementation notes.

Chrome ExtensionJavaScriptManifest V3
0 likes · 12 min read
Reviving the lastTab Chrome Extension: Manifest Configuration and Core Logic
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 ExtensionProxydevelopment 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 22, 2023 · Frontend Development

Building a Chrome Extension for Image OCR Using Python and Tesseract

This tutorial walks through creating a Chrome extension that captures images from web pages, sends them to a Python‑backed Tesseract OCR engine, and displays the recognized text, covering the plugin's file structure, manifest configuration, JavaScript code, HTML UI, CSS styling, and installation steps.

Chrome ExtensionJavaScriptOCR
0 likes · 7 min read
Building a Chrome Extension for Image OCR Using Python and Tesseract
Test Development Learning Exchange
Test Development Learning Exchange
Jun 18, 2023 · Frontend Development

Building a Chrome Extension for JSON-FormData Data Format Conversion Using Python

This article introduces how to build a Chrome extension using Python to convert JSON data to FormData format and vice versa, improving development efficiency through browser-based data format conversion.

Chrome ExtensionData ConversionFlask
0 likes · 7 min read
Building a Chrome Extension for JSON-FormData Data Format Conversion Using Python
政采云技术
政采云技术
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
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
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
HomeTech
HomeTech
Sep 28, 2022 · Frontend Development

Design and Implementation of a Visual Self-Service Event Tracking Platform for H5 Pages

This article describes a visual self‑service event‑tracking platform for AutoHome H5 pages that separates tracking code from business code, provides a visual editor for non‑technical users, generates SDKs, and includes a Chrome extension for cross‑domain iframe injection.

Chrome ExtensionH5SDK
0 likes · 8 min read
Design and Implementation of a Visual Self-Service Event Tracking Platform for H5 Pages
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 ExtensionData SimulationMock
0 likes · 9 min read
Mooncake Data Mocking Platform – Design, Implementation, and Promotion
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
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