Web、UI与CSS
整理 URL 后制作分享用二维码
使用工具
二维码能扫却目标错误，仍达不到目的；URL 正确但裁掉留白或印太小，也可能读不出。将地址内容检查与图像读取分开，便于定位应改哪一步。先用 example.com 虚构数据，只检查字符串而不访问。
拆解 URL 确认目标
输入示例后可见 hostname 为 example.com、端口 8443、路径 /catalog，查询和 fragment 分开显示。结构化比从长串里找域名更清楚。工具不发送请求，因此不确认服务器存在、证书有效或页面已发布。
https://example.com:8443/catalog?tag=book&tag=gift&q=red+bag#detailshttps://example.com@other.example/path 中 @ 前是用户信息，真正 hostname 是 other.example，不能凭开头熟悉名字判断。印刷 QR 会把字符串交给所有可读取者，应避免放用户名、密码或秘密认证值。
不要擅自合并重复参数
tag 出现两次，依次是 book、gift，解析会保留顺序。追加增加值，设置则替换该键的值。接收方取首个、末个还是全部，取决服务协议，工具不能推断唯一答案。
表单式查询把 q=red+bag 读成 red bag，字面加号需区分 %2B。编辑重构可能改变编码写法，即使含义一样也会改变签名 URL 字节，因此不要随意正规化或排序，先检查重构结果再生成 QR。
生成成功与可读取要分开检查
将确认后的 URL 以尺寸 320、纠错 M、余白 4 生成。工具只编码字符串，不访问目标，成功不代表网站安全。扫码测试时尽可能先查看解码地址，再决定打开，核对域名、路径和参数。
周围留白用于将符号与环境分开。余白 4 是四个模块宽，不是整图四像素。裁切或紧贴边框会改变生成时条件，最终排版和印刷也要保留留白。
数据更长时相同尺寸可能更密
长参数增加编码量，相同宽度容纳更多模块时每格更小。提高纠错也可能需要更多空间，不保证更易读。先检查真正不必要的 URL 数据，再保留必要内容并调整尺寸与使用条件。
放大屏幕预览能读，不等于纸上小码可读。应按最终尺寸、印刷质量、距离、照明和设备测试。SVG 易缩放，但变形或裁切仍会出问题；不要把纠错当成可随意盖标志的许可，先确认无装饰时可靠读取。
发布前同时检查文本与最终图像
审核时把预期 URL、生成设置和最终排版图片放在一起，检查是否改地址后仍用旧图，或遗留校样地址。短链接还涉及控制权和未来跳转变化，工具不会保证这些运营条件。
需要确认目标已公开时，应另行以获授权的普通浏览器操作检查。解析和生成是不联网的准备工具，目标可达性与内容是另一项工作，可避免一输入就访问陌生网站。
扫码成功后还要核对解出的地址
生成成功、扫码有反应不证明地址正确，路径错字或缺参数也会被忠实编码。先核对解出的主机、路径和参数再跳转。SheepDev 不访问目标，因此不验证公开状态或权限。
纸质分发应按实际尺寸打印，检查静区裁切、反光和模糊。更高纠错并非万能，仍与密度相关。长 URL 小尺寸会使模块细小。缩短输入应先选受控正确 URL，而非自动引入未知短链服务。
印刷后内容不会因想改目的地而自动更新。管理重定向需另行设计，工具不发转发 URL。可附可读说明或网址给无法扫码的人。保留源字符串、图片和实物扫码确认，避免混用版本。