Whistle | BestHub

Rare Earth Juejin Tech Community

Feb 26, 2024 · Frontend Development

Comprehensive Guide to Installing, Configuring, and Using Whistle for Proxy, Mobile Debugging, and Request/Response Manipulation

This tutorial explains how to install and start Whistle, configure browser proxy plugins, set up HTTPS certificates, capture mobile traffic, and leverage advanced features such as Weinre console, response/request tampering, CORS handling, JavaScript injection, and domain mapping to improve development efficiency.

HTTPProxyRequest Modification

0 likes · 9 min read

Comprehensive Guide to Installing, Configuring, and Using Whistle for Proxy, Mobile Debugging, and Request/Response Manipulation

Tencent IMWeb Frontend Team

Feb 21, 2022 · Backend Development

How Nohost Turns Whistle into a Multi‑User Remote Proxy Service

This article explains how Nohost extends the Whistle packet‑capture tool into a multi‑process, multi‑user remote proxy platform, detailing its architecture, interaction flow, master‑process logic, environment injection, user‑state recording, and Whistle process management for developers and operations teams.

Multi-processNode.jsNohost

0 likes · 8 min read

How Nohost Turns Whistle into a Multi‑User Remote Proxy Service

Tencent Cloud Developer

Dec 21, 2021 · Backend Development

Whistle: Implementation Details of a Node.js Based Cross‑Platform HTTP Proxy

The article explains Whistle, a Node.js‑based cross‑platform HTTP proxy, by first showing a simple proxy implementation and then detailing its full architecture—five core modules for request entry, tunneling, processing, rule management, and plugin handling—along with its extensible, isolated plugin system.

Node.jsPlugin ArchitectureWeb Development

0 likes · 11 min read

Whistle: Implementation Details of a Node.js Based Cross‑Platform HTTP Proxy

Tencent IMWeb Frontend Team

Dec 2, 2021 · Backend Development

How Whistle Implements a Powerful Node.js HTTP Proxy for Real‑Time Debugging

This article explains Whistle's architecture and core concepts, walks through building a simple Node.js HTTP proxy, details its five‑module design, rule and plugin management, and provides code examples for creating a full‑featured web traffic debugging tool.

Node.jsWhistlehttp proxy

0 likes · 14 min read

How Whistle Implements a Powerful Node.js HTTP Proxy for Real‑Time Debugging

Tencent IMWeb Frontend Team

Oct 11, 2021 · Frontend Development

How Tencent’s TDE Platform Boosts Remote Development and Testing Efficiency

In an interview, Tencent senior frontend engineers Wu Wenbin and Yang Chen explain the pain points of traditional development‑testing workflows, how their internal TDE platform built on the open‑source Whistle engine streamlines remote collaboration, improves security, and accelerates testing for both internal teams and external partners.

Whistlecollaborationfrontend

0 likes · 10 min read

How Tencent’s TDE Platform Boosts Remote Development and Testing Efficiency

Tencent IMWeb Frontend Team

Mar 1, 2021 · Frontend Development

Debug Frontend Projects with Whistle: From Webpack DevServer to Legacy Setups

This guide shows how to integrate the Whistle proxy with frontend projects—whether using webpack devServer, a traditional setup without build tools, or custom plugins—by configuring domain‑based rules, handling CGI mocks, and leveraging exclude filters to enable seamless local debugging via real online URLs.

ProxyWebpackWhistle

0 likes · 10 min read

Debug Frontend Projects with Whistle: From Webpack DevServer to Legacy Setups

WeDoctor Frontend Technology

Aug 10, 2020 · Frontend Development

Master Web Debugging with Whistle: A Frontend Engineer’s Guide

This guide explains why a flexible proxy tool like Whistle is essential for frontend development, covering its features, installation, configuration, HTTPS handling, matching rules, and common use‑cases such as host binding, request/response replacement, script injection, remote console, and Weinre integration.

HTTPSProxyWhistle

0 likes · 18 min read

Master Web Debugging with Whistle: A Frontend Engineer’s Guide

Tencent IMWeb Frontend Team

Nov 5, 2018 · Mobile Development

Master iOS Simulator Debugging: Install, Proxy Setup, and WebView Testing

This guide walks you through installing Xcode, launching the iOS Simulator, configuring network proxy with Whistle and Proxifier, and debugging both Safari pages and in‑app WebViews on the simulator, complete with command‑line tips and visual instructions.

ProxifierProxyWebView

0 likes · 5 min read

Master iOS Simulator Debugging: Install, Proxy Setup, and WebView Testing

JD Tech

Oct 12, 2018 · Frontend Development

Carefree: A Wi‑Fi‑Free Mobile Web Real‑Device Testing Solution Using Whistle and @nutui/carefree Webpack Plugin

This article presents a Wi‑Fi‑free workflow for mobile web real‑device testing that combines a server‑side Whistle proxy with the @nutui/carefree Webpack plugin to automate incremental builds, uploads, and QR‑code access, eliminating hotspot restrictions and improving team efficiency.

AutomationMobile testingWebpack

0 likes · 10 min read

Carefree: A Wi‑Fi‑Free Mobile Web Real‑Device Testing Solution Using Whistle and @nutui/carefree Webpack Plugin

JD Tech

Aug 30, 2018 · Frontend Development

Using Whistle: A Node‑Based Cross‑Platform Web Debugging Proxy for Frontend Development

Whistle is a Node.js‑based cross‑platform web debugging proxy that lets developers view and modify HTTP(S) and WebSocket traffic, offering features like host binding, request replacement, response status manipulation, script/style injection, and powerful mock data generation for front‑end development.

HTTPProxyWhistle

0 likes · 9 min read

Using Whistle: A Node‑Based Cross‑Platform Web Debugging Proxy for Frontend Development

Tencent IMWeb Frontend Team

Jul 27, 2017 · Frontend Development

Master Whistle: Fast Proxy Setup for Frontend Debugging

This guide walks developers through installing Whistle, configuring one‑click proxy switching, and using its powerful rule‑based features—host mapping, file replacement, request forwarding, script injection, mock responses, remote debugging, and HTTPS support—to streamline frontend network debugging.

NetworkProxyWhistle

0 likes · 5 min read

Master Whistle: Fast Proxy Setup for Frontend Debugging

Tencent IMWeb Frontend Team

Oct 12, 2016 · Operations

Master Whistle: A Step‑by‑Step Guide to the Node‑Based Web Debugging Proxy

This tutorial walks you through installing, launching, configuring browser proxy settings, and creating rules with Whistle, a Node‑powered web debugging proxy, showing practical examples such as replacing a site’s logo and mapping directories to local files.

HTTPProxyTutorial

0 likes · 4 min read

Master Whistle: A Step‑by‑Step Guide to the Node‑Based Web Debugging Proxy