Prometheus 指标解析器 - 文本格式转表格
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
UD5工具箱
深度解析 MIME 类型字符串,提取主类型、子类型及所有参数,支持 RFC 标准格式。
| 主类型 | MIME 类型 | 常见扩展名 | 典型用途 | 常见参数 |
|---|---|---|---|---|
| text | text/html |
.html, .htm | HTML 文档 | charset=utf-8 |
| text | text/css |
.css | 层叠样式表 | charset=utf-8 |
| text | text/plain |
.txt | 纯文本 | charset |
| image | image/png |
.png | PNG 图像 | — |
| image | image/jpeg |
.jpg, .jpeg | JPEG 图像 | — |
| image | image/gif |
.gif | GIF 动图 | — |
| audio | audio/mpeg |
.mp3 | MP3 音频 | — |
| audio | audio/ogg |
.ogg | OGG 音频 | — |
| video | video/mp4 |
.mp4 | MP4 视频 | — |
| application | application/json |
.json | JSON 数据 | charset=utf-8 |
| application | application/pdf |
PDF 文档 | — | |
| application | application/javascript |
.js | JavaScript 脚本 | charset=utf-8 |
| application | application/xml |
.xml | XML 文档 | charset |
| application | application/zip |
.zip | ZIP 压缩包 | — |
| application | application/x-www-form-urlencoded |
— | HTML 表单编码 | — |
| multipart | multipart/form-data |
— | 文件上传表单 | boundary |
MIME(Multipurpose Internet Mail Extensions,多用途互联网邮件扩展)类型,现在更准确地称为媒体类型(Media Type),是一种用于标识文档、文件或字节流的内容格式的标准。它由 IANA(互联网号码分配机构)统一管理,广泛应用于 HTTP 协议中的 Content-Type 头、电子邮件附件、操作系统文件关联等场景。例如,当浏览器收到 Content-Type: text/html; charset=utf-8 时,就知道返回的内容是 UTF-8 编码的 HTML 文档。
MIME 类型的标准结构为:type/subtype; parameter=value,由三部分组成:
text、image、audio、video、application、multipart、font、message 等。html、json、png、pdf 等。子类型可以使用 vnd.(厂商自定义)、x-(实验性)等前缀。charset(字符编码)、boundary(multipart 边界分隔符)、version(版本号)等。charset 参数的作用是什么?
charset 参数用于指定文本内容的字符编码方式。常见的值包括:
utf-8:Unicode 编码,支持全球所有语言字符,是目前最推荐的编码方式。iso-8859-1(Latin-1):西欧语言编码。gb2312 / gbk:简体中文编码。shift_jis:日文编码。在 HTTP 响应中正确设置 charset 可以避免乱码问题。例如:Content-Type: text/html; charset=utf-8。
boundary 参数用于什么场景?
boundary 参数专门用于 multipart/* 类型的 MIME(如 multipart/form-data、multipart/mixed),用于定义分隔多个消息部分的边界字符串。每个部分之间用 --边界字符串 分隔,整个消息以 --边界字符串-- 结束。
例如,HTML 表单上传文件时,请求体的 Content-Type 通常为:multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW,浏览器使用这个边界字符串来分隔不同的表单字段和文件数据。
vnd. 和 x- 前缀代表什么?
在 MIME 类型的子类型中:
vnd.(vendor):表示厂商自定义类型,由特定组织或公司向 IANA 注册。例如 application/vnd.ms-excel(Microsoft Excel)、application/vnd.api+json(JSON API 规范)。x-(experimental):表示实验性类型,未在 IANA 正式注册,用于私有协议或测试。例如 application/x-www-form-urlencoded(虽然带 x-,但已被广泛使用)。prs.(personal):个人注册的类型,较为少见。此外,子类型还可以使用 + 后缀表示结构化类型,如 application/vnd.api+json 表示基于 JSON 的 API 格式。
在 HTTP 协议中,MIME 类型通过 Content-Type 响应头设置。最佳实践包括:
Content-Type: text/html; charset=utf-8Content-Type: application/json; charset=utf-8application/pdf、application/zip,并配合 Content-Disposition 头。X-Content-Type-Options: nosniff 头使用。根据 RFC 规范,MIME 类型参数值可以使用双引号包裹,尤其是在值包含特殊字符(如空格、分号、逗号)时:
charset=utf-8(无需引号)boundary="----WebKit Boundary"(使用引号包裹)name="value with \"quote\""本解析器会自动识别并正确处理引号包裹的参数值。
application 和 text 有什么区别?
text 类型用于人类可读的纯文本内容,浏览器可能会尝试进行字符编码检测和渲染。而 application 类型用于需要特定应用程序处理的二进制或结构化数据,浏览器不会对其进行文本渲染处理。例如:
text/html — 浏览器会作为 HTML 渲染text/plain — 浏览器会作为纯文本显示application/json — 不会被渲染,通常由 JavaScript 处理application/pdf — 需要 PDF 阅读器或浏览器插件值得注意的是,application/javascript 已取代旧的 text/javascript,成为 JavaScript 文件的标准 MIME 类型。
粘贴 Prometheus 指标文本,解析为结构化表格,并支持基本过滤和排序。
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
动态调整 accent-color 并实时查看对复选框、单选按钮、进度条和滑块的影响。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
拖拽改变容器宽度,观察使用container-type和@container规则的元素如何自适应样式。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
上传多个视频片段,按顺序无缝拼接为一个视频,支持转场和重新编码下载。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
粘贴代码片段,通过模式匹配查找可能泄露的 AWS、Google 等 API 密钥和令牌。
粘贴JSON,显示原始大小与模拟Gzip压缩后的大小。
粘贴Content-Security-Policy头,获得逐条解析与安全评分,识别缺失指令与危险源。
输入活动名称、日期、地点和票价,生成 Event 结构化数据,用于活动搜索结果。
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
使用 Web NFC 读取附近标签的 NDEF 消息,展示每条记录的类型和内容。
列出当前页面加载的所有第三方域名请求,并演示如何通过 CSP 或浏览器扩展拦截。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
模拟 prefers-contrast: more/less 媒体特性,预览页面在高对比度模式下的视觉效果。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
将深度嵌套的JSON对象转化为用点号或括号分隔的单层键值对,便于数据清洗。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
调整 accent-color 值,实时查看单选框、复选框、进度条等原生控件的主题变化。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
设定根元素字号(默认16px),快速将rem值转换为px或反向,精准控制布局尺寸。
上传或粘贴 source map 文件,展示原始代码与编译后代码的对应关系,辅助调试。