BestHub
Sign in
Tag

web debugging

0 views collected around this technical thread.

JD Tech Talk
JD Tech Talk
Feb 28, 2025 · Frontend Development

Understanding Chrome DevTools, the CDP Protocol, and Building Custom Debugging Tools

This article explains the components and principles of Chrome DevTools, provides a detailed overview of the Chrome DevTools Protocol (CDP) and its workflow, and guides readers through creating custom debugging tools for platforms such as Android WebView, Roma, and Harmony, highlighting technical challenges and implementation steps.

CDPChrome DevToolscustom debugging
0 likes · 11 min read
Understanding Chrome DevTools, the CDP Protocol, and Building Custom Debugging Tools
IT Services Circle
IT Services Circle
Jun 12, 2022 · Frontend Development

Diagnosing and Resolving Slow or Unresponsive Web Pages After Entering a URL

This article explains a step‑by‑step method for troubleshooting a web page that fails to load after entering its URL, covering network checks, DNS resolution, TCP/HTTP handshakes, status‑code analysis, and front‑end resource inspection to pinpoint issues such as blocked CDNs.

CDNDNSfrontend performance
0 likes · 5 min read
Diagnosing and Resolving Slow or Unresponsive Web Pages After Entering a URL
vivo Internet Technology
vivo Internet Technology
Dec 22, 2021 · Frontend Development

In-Depth Analysis of Chrome DevTools Architecture, Protocols, and Performance Tools

The article offers a thorough technical examination of Chrome DevTools’s client‑server architecture, the JSON‑based Chrome DevTools Protocol, and performance tooling within Android Chromium 87, guiding front‑end developers and engineers through its history, core implementation, code examples, JavaScript evaluation, performance diagnostics, and broader ecosystem impact.

CDPChrome DevToolsJavaScript
0 likes · 27 min read
In-Depth Analysis of Chrome DevTools Architecture, Protocols, and Performance Tools
JD Tech
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.

MockProxyWhistle
0 likes · 9 min read
Using Whistle: A Node‑Based Cross‑Platform Web Debugging Proxy for Frontend Development