WebSocket 消息检查器 - 拦截并可视化收发数据
代理 WebSocket 连接,实时拦截并展示所有文本/二进制消息,支持过滤和搜索。
UD5工具箱
sql.js 库,数据库完全在浏览器内存中运行,无需服务器、无需安装。SQLite 的 C 源码被编译为高效的 WASM 指令,性能接近原生,支持标准 SQL 语法、事务、索引等完整功能。数据库文件以二进制形式存在于内存中,可通过 export() 导出为 .db 文件保存到本地。
.db 文件到本地磁盘,下次使用时通过导入功能恢复。高级用法中,也可以将数据库序列化后存入 IndexedDB 或 localStorage(受存储容量限制),实现自动持久化。本工具提供一键导出/导入按钮,方便您保存和恢复数据。
sql.js 基于 SQLite 3 完整编译,支持绝大多数 SQLite 功能:SELECT、INSERT、UPDATE、DELETE、CREATE TABLE、DROP TABLE、ALTER TABLE、索引、视图、触发器、CTE(WITH子句)、窗口函数、JSON 函数、全文搜索(FTS5)等。主要限制包括:不支持多线程并发写入、不支持 WAL 模式(内存数据库不需要)、部分文件系统相关功能不可用。对于浏览器端使用场景,这些限制通常不影响日常使用。
.db 或 .sqlite 文件即可。工具会读取文件内容并在浏览器中重建数据库。支持的来源包括:SQLite 命令行工具导出的数据库文件、Python sqlite3 模块创建的数据库、移动端 SQLite 数据库等。导入后所有表和数据立即可用,您可以在表列表中查看并进行查询操作。
代理 WebSocket 连接,实时拦截并展示所有文本/二进制消息,支持过滤和搜索。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
粘贴JSON示例数据,自动分析并生成对应的JSON Schema,支持类型推断和必填标记。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
粘贴 JSON-LD 代码,校验语法并提示常见类型的必填属性缺失,辅助 SEO 调试。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
设置容器宽度阈值,改变容器大小观察组件内部样式的变化,学习容器查询用法。
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
输入原始URL,填入来源、媒介、活动名等,生成带UTM规范的推广追踪链接。
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
编写 Go 代码并在线编译为 WASM,在浏览器中调用并显示输出。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
拖拽控制点自由绘制二次和三次贝塞尔曲线,导出为SVG path或Canvas绘图命令。
编写 generator 函数,逐步 next() 并显示每次 yield 的值和状态,理解惰性求值。
输入 Liquid 模板代码和 JSON 数据,实时查看输出,支持循环、过滤器等常用语法。
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
根据资产、年支出与储蓄率,估算实现财务自由所需的年限与进度条,激发理财动力。
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
添加二维点并选择核函数,直观展示SVM决策边界与支持向量,理解最大间隔分类原理。
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。