Web App Manifest 生成向导 - 填写信息生成清单
通过分步表单填写应用名称、图标、主题色等,生成完整的 manifest.json 文件。
UD5工具箱
生成 Chrome 浏览器支持的 #:~:text= 文本片段链接,让用户点击后直接滚动到页面中的指定文本位置。
Firefox 和 Safari 打开链接时不会滚动到指定文本,但链接仍可正常访问页面。
Scroll To Text Fragment 是 W3C 提出的一项 Web 标准,允许通过 URL 中的特殊片段标识符 #:~:text= 直接定位并高亮页面中的特定文本。用户点击链接后,浏览器会自动滚动到目标文本位置并用黄色高亮显示。这项功能自 Chrome 80(2020年2月)起开始支持。
基本格式:https://example.com/page#:~:text=目标文本
带前缀精确匹配:#:~:text=前缀文本-,目标文本
带后缀精确匹配:#:~:text=目标文本,-后缀文本
多个片段:#:~:text=片段1&text=片段2
文本中的特殊字符(如逗号、空格、中文等)会自动进行URL编码。
当页面中存在多处相同文本时,浏览器默认会定位到第一个匹配项。通过指定前缀(目标文本之前的文字)和后缀(目标文本之后的文字),可以精确匹配到唯一的位置。前缀和后缀不需要很长,通常5-15个字符就能有效区分。
直接将生成的完整链接粘贴到 Twitter、Facebook、LinkedIn、微信等平台即可。用户点击后(在支持的浏览器中)会自动滚动到指定文本。对于不支持的浏览器,链接仍会正常打开目标页面。建议在分享重要文档、技术文章或需要引用特定段落时使用此功能。
完全支持:Chrome 80+、Edge 80+、Opera 67+、Chrome Android、Opera Android、Samsung Internet 等基于 Chromium 的浏览器。
不支持:Firefox(Mozilla 对此特性持保留态度)、Safari(包括 iOS Safari)。在不支持的浏览器中,#:~:text= 部分会被视为普通hash片段,页面会正常加载但不会滚动到指定文本。
本工具会自动对文本进行URL编码(百分号编码)。空格编码为 %20,逗号编码为 %2C,换行符编码为 %0A 等。分隔符 -, 和 ,- 由工具智能添加,不会与文本中的字符混淆。如果目标文本包含换行符,请确保与页面源码中的换行方式一致(通常为LF)。
一般来说,URL总长度建议控制在 2000 字符以内以确保兼容性。文本片段部分经过编码后可能会显著增长(尤其是中文文本,每个字符编码为 %XX%XX%XX 格式)。如果生成的链接过长,建议缩短目标文本或使用URL缩短服务(如 bit.ly、t.co 等)。大多数浏览器的地址栏可处理超过 2000 字符的URL,但某些服务器或中间件可能有长度限制。
传统锚点(如 #section-3)需要页面开发者预先在HTML中设置 id 属性。而 Scroll To Text Fragment 无需页面做任何改动,任何公开网页上的文本都可以被定位。这使得你可以在不控制目标网站的情况下,精确引用其内容。此外,Scroll To Text Fragment 会高亮目标文本(黄色背景),视觉效果更直观。
使用 &text= 连接多个片段。例如:#:~:text=第一段文字&text=第二段文字。浏览器会依次尝试匹配每个片段,并滚动到第一个匹配的位置。每个片段都可以独立设置前缀和后缀。本工具支持添加多个片段,点击"添加片段"按钮即可。
适用场景广泛:① 在社交媒体或邮件中引用文章中的特定段落;② 技术文档中精确指向某个说明;③ 学术引用中定位论文中的具体语句;④ 客服场景中引导用户查看帮助文档的特定部分;⑤ SEO分析中标记和分享页面中的关键内容;⑥ 团队协作中快速指向网页中的讨论点。任何需要"精准定位网页文本"的场景都可以使用。
通过分步表单填写应用名称、图标、主题色等,生成完整的 manifest.json 文件。
输入键值对,自动生成 Kubernetes ConfigMap YAML,支持文字和多行数据。
粘贴以逗号分隔的标签和数值,即刻生成饼图并自定义颜色。
定义字段模版和数量,批量生成仿真JSON数据,支持中文姓名、邮箱、电话等。
输入经纬度和标记参数,构造免费静态地图图片URL,嵌入网页或分享位置。
定义JSON Schema结构,自动填充符合类型与格式的随机数据,支持导出大文件用于压力测试。
添加多个音频文件和曲目信息,生成对应的CUE清单文件。
连接串行设备,实时显示接收数据,支持时间戳和保存为文本日志文件。
提供原始与修改后的JSON,自动生成符合RFC6902的JSON Patch或RFC7396 Merge Patch。
生成RSA/EC对称密钥的JWK表示,支持复制导出,用于OAuth2/JWT的密钥配置。
粘贴服务器日志,快速根据正则或字符串过滤、高亮并统计出现频次。
勾选Secure、HttpOnly、SameSite等属性,生成安全的Set-Cookie字符串,增强Web应用安全。
上传 JSON 格式题库,随机抽取指定数量题目生成在线测验,自动评分和解析。
通过 Canvas 生成任意宽高的占位图,显示尺寸文字,可复制 Base64 或使用 Blob URL 模拟服务。
设计无网络连接时显示的页面样式,生成需缓存的HTML。
在PWA环境中设置和清除应用图标上的数字角标,演示Badging API的简单用法。
将秘密文本的比特位替换到图片像素的最低有效位中,生成含密图片。
生成随机的姓名、邮箱、地址、电话等用户信息,支持自定义字段和批量输出JSON数组,用于测试填充。
创建带有弹性动画的通知数字徽章或红点,生成对应的HTML/CSS代码。
实时调整焦点轮廓的颜色、粗细和偏移,生成美观且高对比度的焦点样式代码。
使用 LZ-String 算法压缩长文本,展示压缩率和解压速度,适合 localStorage 存储。
填写事件标题、时间、地点,生成标准的.ics日历文件,可添加到日历应用。
一键随机生成用纯CSS(带渐变和阴影)绘制的艺术背景图案,附带代码。
选择多种拼贴版式,拖入图片到格子,调整边距与阴影导出。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
填入头像、用户名、内容和点赞数,生成看起来像真实推文截图的图片。
将JSON数组或CSV数据转换为多条INSERT INTO语句,支持自定义表名和列映射。
录入网址列表自动生成标准的XML Sitemap文件,设置优先级与更新频率,提升站点SEO。
可视化展示发布/订阅模式的运作,添加订阅者和发布者,查看事件流。
图形化配置Content-Security-Policy指令,生成安全策略头,防御XSS和代码注入。