gRPC-Web 一元调用测试器 - 发送请求并查看序列化
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
UD5工具箱
展示客户端通过HTTPS代理(CONNECT隧道)访问目标服务器的完整过程。点击"开始模拟"观察各阶段。
CONNECT api.example.com:443 HTTP/1.1
200 Connection Established
隧道建立成功,现在可以透传数据
CONNECT target-host:443 HTTP/1.1 给代理,代理建立到目标服务器的TCP连接后返回 200 Connection Established,之后客户端和目标服务器之间的所有数据(包括TLS握手)都通过这个隧道透传。代理在透明模式下看不到加密内容。Access-Control-Allow-Origin 头部,请求会被阻止。排查方法:①检查响应头中是否有CORS头部;②使用代理转发请求绕过浏览器限制;③目标服务器配置CORS白名单。Via - 标识经过的代理服务器X-Forwarded-For - 记录原始客户端IPX-Forwarded-Host - 原始请求的HostX-Forwarded-Proto - 原始请求的协议(http/https)X-Real-IP - 客户端真实IP输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
模拟资源请求,对比ETag值,展示返回304 Not Modified的缓存协商机制,理解HTTP缓存。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
为内容区域生成灰色闪烁的骨架屏占位代码,包含卡片、标题等组件样式。
输入开发者名单,依规则随机组成搭档,尽量不重复近期配对。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
完整展示HTTP状态码及其含义,按类别分组,支持搜索,是前端和后端开发常用的快速参考。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
添加、列出和删除内容索引中的条目,展示离线可用内容。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
回答关于再发布、开源、专利等要求,工具推荐最合适的开源许可证。
实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码,一键嵌入网站。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
检测浏览器是否支持特定自定义协议(如mailto:, tg:),并尝试调用。
将HashiCorp配置语言HCL代码转换为JSON格式,便于程序化处理。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
在主线程和Worker中分别计算大斐波那契数,对比界面的响应度。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。