打印媒体查询模拟器 - 实时切换屏幕与打印视图
一键切换当前页面的 media 类型为 screen 或 print,方便调试打印样式。
UD5工具箱
矢量图形转换 · 高质量PDF输出 · 支持自定义页面尺寸
点击上传或拖拽 SVG 文件到此处
支持 .svg 文件,最大 20MB
上传或粘贴 SVG 后在此预览
<foreignObject>、SMIL动画、外部字体引用、滤镜效果)可能在转换时表现不同。建议转换前在预览中确认效果。
一键切换当前页面的 media 类型为 screen 或 print,方便调试打印样式。
搜索各类编程语言、框架和工具的矢量图标,点击复制其HTML或SVG代码。
纯前端图片水印添加工具,支持文字水印(自定义字体、颜色、透明度、旋转)和图片水印,保护图片版权。
按时间点添加事件,生成美观的垂直或水平时间轴HTML/CSS代码。
输入长单词或URL,切换overflow-wrap和word-break属性值,对比溢出自适应效果。
可视化为视频添加时间点字幕文本,导出标准WebVTT文件或JSON。
悬浮在页面上的虚拟直尺和量角器,可测量屏幕元素的角度和像素距离。
加载不同格式的纹理,并切换纹理过滤方式,观察渲染质量和性能。
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
生成一个书签工具,点击后在当前页面动态加载任何 Google 字体并应用到所选文字。
输入事件名称与年代,自动生成美观的横向时间轴图,打印用于学习展示。
将输入文本渲染为点阵式打印机风格的像素字体图片,可调整针头密度和纸张颜色。
实时显示当前浏览器窗口分辨率、屏幕分辨率、像素比(DPR)和色彩深度等信息。
输入自定义单词列表,生成填满随机字母的单词搜索矩阵,并导出为打印格式。
将已有戒指放在屏幕圆圈上比对,或测量指围,转换为美/英/欧/中式号数。
展示各种邮件客户端对CSS背景图片、VML背景的支持程度,附兼容代码。
编写顶点和片元着色器代码,即时在 Canvas 上查看渲染效果,学习图形编程。
从HTML代码中移除所有标签,提取纯文本内容,支持保留换行,用于数据清洗和正文提取。
让文字拥有磨砂背景,可视化调整模糊度和颜色,输出CSS backdrop-filter代码。
输入一段文本,同时显示其在多种语言中的静态翻译对照,辅助语言学习。
提供代码评审和文档评审的通用检查项,标出等级并生成评审报告。
分析页面结构,提示哪些长列表区域适合添加content-visibility: auto优化。
激活 forced-colors: active 模拟,观察页面在系统高对比度主题下的渲染效果。
渲染网页在Windows强制颜色模式下的样式,协助调试和适应系统高对比度主题。
获取显卡型号、WebGL 参数和扩展信息,展示 WebGL 指纹的独特性和隐私风险。
输入单词列表,生成随机排列的字母矩阵并标记位置,支持打印成单词搜索练习题。
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
将压缩的SQL语句按标准缩进美化,关键字高亮,兼容MySQL/PostgreSQL等方言。
设定FCP、LCP、CLS等指标值,模拟计算PageSpeed Insights得分估算。
粘贴 HTML 和 CSS,交叉比对找出在 CSS 中定义但在 HTML 中从未使用的类选择器。