mirror of
https://github.com/nubenetes/awesome-kubernetes.git
synced 2026-07-12 18:00:37 +00:00
4.3 KiB
4.3 KiB
Chrome and Firefox DevTools. HTTP Protocols and WebSockets
!!! info "Architectural Context" Detailed reference for Chrome & Firefox DevTools. HTTP Protocols & WebSockets in the context of Developer Ecosystem.
Table of Contents
Developer Workspace
Command-Line Tooling
JSON and YAML Manipulators
- (2024) jsontoolbox.com [TYPESCRIPT CONTENT] [COMMUNITY-TOOL] — A modern online toolkit offering unified interfaces for compression, conversion, structure validation, and mapping of raw JSON payloads without data leakage risks.
Diagnostics and Debugging
Browser Developer Tools
- (2026) devtools.chrome.com [NONE CONTENT] [DOCUMENTATION] [COMMUNITY-TOOL] — The documentation hub for Google Chrome's native development utilities. Explains network packet inspection, layout rendering engines, custom profile snapshots, and live Javascript debugging capabilities.
- (2026) Firefox DevTools [NONE CONTENT] [DOCUMENTATION] [COMMUNITY-TOOL] — Official source files and reference manuals documenting the Firefox Developer Tools suite. Outlines its advanced grid layout debuggers, network request visualizers, and raw telemetry profiling.
- (2024) Port of Firefox's JSON Viewer [JAVASCRIPT CONTENT] [COMMUNITY-TOOL] — A browser extension port bringing Firefox's native, highly interactive JSON viewer layout to Chrome. Implements folding, filtering, syntax highlighting, and visual hierarchy detection for raw JSON responses.
- (2024) twitter.com/ChromeDevTools [NONE CONTENT] [EMERGING] — Official social channel delivering incremental telemetry upgrades, performance hacks, debugging tips, and experimental profiling capabilities integrated within the Chrome developer ecosystem.
- (2022) dev.to: My 12 Favorite Chrome Extensions as a Web Developer [NONE CONTENT] [COMMUNITY-TOOL] — A developer-curated list of productivity-focused Google Chrome extensions. Highlights tools tailored for layout styling, security inspection, and high-density JSON schema visualization.
- (2022) blog.bitsrc.io: Google Chrome Hidden Features Every Developer Should Know [NONE CONTENT] [EMERGING] — Explores experimental diagnostic protocols, visual overrides, and command-palette functions hidden inside the DevTools application framework to streamline daily workflows.
- (2021) digitalocean.com: How To Debug Node.js with the Built-In Debugger and Chrome DevTools [JAVASCRIPT CONTENT] [COMMUNITY-TOOL] — A comprehensive tutorial on attaching Chrome DevTools directly to Node.js backend processes. Step-by-step guidance on setting execution break points, inspecting call stacks, and detecting memory leaks.