网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
UD5工具箱
生成一个 Bookmarklet,在任意网页上点击即可实时预览 Google Fonts 字体效果。无需修改代码,一键切换,再次点击恢复。
The quick brown fox jumps over the lazy dog.
0123456789 · ABCDEFGHIJKLMNOPQRSTUVWXYZ
天地玄黄,宇宙洪荒。日月盈昃,辰宿列张。寒来暑往,秋收冬藏。
Open Sans、Noto Sans SCRoboto 不能写成 robotoSource Sans 3、DM Serif DisplayGoogle 提供的免费开源字体库,包含超过 1500 种字体,支持全球多种语言。通过 CDN 加速分发,是全球最流行的网页字体服务。
CSS 规则,用于在网页中加载自定义字体。Google Fonts 本质上是通过 @font-face 将字体文件引入页面,Bookmarklet 模拟了这一过程。
内容安全策略(Content-Security-Policy)是一种安全机制。部分网站限制外部资源加载,可能导致 Bookmarklet 无法正常工作。
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
展示各种邮件客户端对CSS背景图片、VML背景的支持程度,附兼容代码。
一键切换当前页面的 media 类型为 screen 或 print,方便调试打印样式。
可视化为视频添加时间点字幕文本,导出标准WebVTT文件或JSON。
将压缩的SQL语句按标准缩进美化,关键字高亮,兼容MySQL/PostgreSQL等方言。
校验Sitemap格式合法性,列出所有URL并统计数量。
设定FCP、LCP、CLS等指标值,模拟计算PageSpeed Insights得分估算。
演示并测试:focus-visible伪类在不同输入模式下的表现,辅助无障碍设计。
调用屏幕共享 API,捕获整个屏幕或窗口并在页面内实时显示,可用于录制演示。
选择两种开源许可证,并排显示全文,高亮关键差异条款,帮助选择合适许可证。
按时间点添加事件,生成美观的垂直或水平时间轴HTML/CSS代码。
将SVG内容无损转换为PDF文件,保持矢量性质,支持打印和分享。
粘贴 HTML 和 CSS,交叉比对找出在 CSS 中定义但在 HTML 中从未使用的类选择器。
实时显示当前页面可见状态,当切换标签页时记录时间并给出日志。
搜索各类编程语言、框架和工具的矢量图标,点击复制其HTML或SVG代码。
实时显示当前浏览器窗口分辨率、屏幕分辨率、像素比(DPR)和色彩深度等信息。
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
生成指定年月的日历网格,自动对齐星期,可自定义起始星期,输出HTML代码嵌入网页。
输入自定义单词列表,生成填满随机字母的单词搜索矩阵,并导出为打印格式。
输入长单词或URL,切换overflow-wrap和word-break属性值,对比溢出自适应效果。
验证 Origin Trial 令牌的有效性与作用域,显示令牌启用的实验功能列表及过期时间。
比较两段文本,在单词级别高亮新增、删除和修改的部分,类似 Google Docs 修订。
粘贴HTML代码,自动提取所有 <!--注释--> 内容,方便查看遗留信息。
输入单词列表,生成随机排列的字母矩阵并标记位置,支持打印成单词搜索练习题。
渲染网页在Windows强制颜色模式下的样式,协助调试和适应系统高对比度主题。
分析页面结构,提示哪些长列表区域适合添加content-visibility: auto优化。
输入词语或大致含义,搜索匹配的常用成语及解释出处,增强词汇储备。
粘贴HTML或URL,基于算法检测并抽取文章的主体内容,去除侧边栏和广告。
选择颜色、透明度等特征,缩小可能的水晶种类范围并展示图片。
输入一段文本,同时显示其在多种语言中的静态翻译对照,辅助语言学习。