页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
UD5工具箱
JavaScript RegExp 实时校验 · 匹配高亮 · 捕获组分析
匹配详情将在此显示,包括捕获组信息。
RegExp对象或字面量/pattern/flags来使用正则表达式。常见的应用包括表单验证、数据提取、日志分析等。
^和$匹配每行的开头和结尾,而不仅是整个字符串的开头和结尾。.(点)匹配包括换行符\n在内的所有字符。\u{...}语法。(...)定义,用于提取匹配中的子部分。例如正则(\d{3})-(\d{4})匹配"010-8888"时,$1代表"010",$2代表"8888"。在JavaScript的replace()方法中可以使用$1、$2等来引用捕获组。非捕获组使用(?:...)语法,只做分组不捕获,可提升性能。
^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$的匹配逻辑:^表示开始,[a-zA-Z0-9._%+\-]+匹配用户名部分(字母数字及特殊字符),@匹配@符号,[a-zA-Z0-9.\-]+匹配域名,\.匹配点号,[a-zA-Z]{2,}匹配顶级域名(至少2个字母),$表示结束。该正则可匹配绝大多数标准邮箱格式。
(a+)+b),可能导致指数级回溯。?(如.*?),避免过度匹配。[abc]比(a|b|c)更高效。^和$限定位置,减少不必要的扫描。输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
粘贴结构化数据代码,模拟Google结构化数据测试,检查错误与丰富结果。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
编写正则表达式,在文本中用不同颜色高亮整个匹配和每个捕获组。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
输入标题文本,尝试不同容器宽度,手动插入<br>或使用text-wrap:balance显示效果。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
通过Service Worker或本地fetch模拟拦截和转发请求,查看修改后的请求响应。
提取 HTML 中所有内联 style,智能合并相同样式生成 class,并替换为类名以减小体积。
在浏览器中即时测试for、forEach、map、for-of等循环的执行速度,帮助选择最优写法。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
快速检测系统是否支持特定的URL Scheme(如mailto:、tel:、tg:)。
批量将文本中的<,>,&,等转换为HTML实体,或反向还原,包含选项保留已转义实体。
输入嵌套对象和取值路径,测试?.可选链和??空值合并运算的结果,学习JS新特性。
在可视化环境中编写JSONPath或JMESPath表达式,实时高亮匹配结果并查看路径提取逻辑。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
将普通HTML片段一键转为React可用的JSX,处理class→className、style等。
完整展示HTTP状态码及其含义,按类别分组,支持搜索,是前端和后端开发常用的快速参考。
监听全局错误事件和未处理的 Promise 拒绝,在仪表板上展示错误堆栈和发生次数。
粘贴JSON对象,一键转换为简洁的YAML格式,方便编写配置文件。