浏览运行中的工具目录 - 开发与 Web

解码 NTP/SNTP 48 字节包：字节 0 位域、stratum/poll/precision、root delay/dispersion、reference ID、四个 64 位时间戳（1900 纪元）

解析 Cache-Control 指令，计算浏览器和共享缓存 TTL、stale 预算，检查 no-store/private/public 等冲突，并给出 CDN 静态提示。

以多个视口宽度渲染 URL，并在页面内直观查看截图、像素差异热力图和布局指标。

输入一组 HEX,选择命名规则(色阶 50–950 / 单名 / 对象嵌套),自动生成 tailwind.config.ts 的 theme.extend.colors 片段,每个色阶同时给出 WCAG AA/AAA 对比等级,可选暗色模式。

比较两个 JSON 并生成带颜色、路径和统计信息的可视化差异报告

把 Tailwind class(如 p-4 flex gap-2 hover:bg-blue-500/20 md:p-6)解析成等价的纯 CSS 代码,可复制到非 Tailwind 项目。覆盖 spacing、flex、grid、颜色、排版、边框、特效、变换、过渡以及响应式/状态变体。

通过移除注释、折叠空白并压缩内联 CSS/JS 来压缩 HTML

逐字节解剖 HTTP/3 over QUIC 握手。可视化 1-RTT 全新握手、基于会话票据的恢复，以及 0-RTT 早期数据三种场景，配以时序图、每个数据包的字段布局、Retry 报文，以及与 TCP + TLS 1.3 的逐项对比。适合面试备考、协议学习与性能工程。

一个交互式 JSONPath REPL，可对任意 JSON 运行多步查询管道。每行写一个 JSONPath 表达式（例如先 $..book[?(@.price<10)]，再 $[0:5]），即可看到每一步的匹配数、路径和值——还附带一个可分享的 URL，编码了你的数据和管道。支持递归下降（$..）、通配符（[*]）、过滤器（[?(@.price<10)]）、切片（[0:5:2]）和负索引。

浏览器内的 GraphQL 客户端：编写查询与变量，发送到任意 GraphQL 端点，查看格式化的 JSON 结果或错误数组——开发阶段快速迭代 Schema 的理想工具

浏览器内的轻量 HTTP 客户端（迷你 Postman）：发送 GET/POST/PUT/DELETE 请求，自定义请求头与请求体，查看状态码、响应头、耗时与格式化响应——全部在浏览器内完成

将 JSON 数据转换为 C# class，包含 PascalCase 属性、JsonPropertyName 特性与嵌套类型推断