03 / 指南
工具指南
面向转换、图片处理与注重隐私的浏览器工作流的实用操作模式。
真实布局中的 CSS clip-path 示例
从预设开始,或编辑 3–32 个多边形顶点,制作头像、方向图片和斜切卡片,并比较完整 CSS 与 clip-path 声明。
真实布局中的 CSS clip-path 示例安全地转换代码
查看陌生代码时先格式化;只压缩用于交付的版本。
- 保留源文件转换源代码前保留一份原始副本。
- 审视语义把格式化输出视为可读性变化,而不是语义验证。
- 校验产物用哈希校验来对比产物;哈希无法解密源材料。
有计划地准备图片
根据目标平台的限制而非习惯来选择尺寸、裁剪与输出格式。
- 从高质量开始从可用的最高质量源图一次性缩放。
- 检查透明度转换 SVG 或 PNG 素材前检查透明度。
- 显式导出关闭标签页前下载生成的文件;本地工作区不会保留云端副本。
保护敏感材料
处理方式标签是工具契约的一部分,输入数据前应检查。
- 本地处理本地优先运行时在活动的浏览器标签页中处理输入。
- 只描述,不粘贴反馈表单只接受描述,并明确排除工作区内容。
- 清理共享设备使用共享电脑时,清理工作区与已下载的文件。
把 Markdown 发布成干净的 HTML
受支持子集能转换什么、什么会被压平,清洗与链接协议白名单如何保证输出安全,往返回 Markdown 会丢失什么,以及转换在文档或博客管线中的位置。
阅读发布工作流自己验证「没有上传」
DevTools 网络面板核查、金丝雀字符串技巧、缓存与 Service Worker 的注意事项——外加任何人都可以对线上站点复跑的公开证据 harness,以及定期重新采集的回执。
阅读验证指南先用小样例练习
处理自己的文件前,先通过案例对照输入、设置和预期结果。
提取附件,而不是发送整份文档
用一份标有 1–8 页码的自制测试 PDF 演练材料交付。接收方只需要封面、三页证明材料和末页。提取会生成独立文件,不会从原文件中删除页面。
裁出可以复现的方形头像
用一张不含敏感内容的 600 × 400 测试图制作头像。裁剪去掉左右边缘,缩放则改变像素尺寸;先明确需要哪一种操作,避免为了正方形而拉伸人物。
检查 API 响应,同时保留标识符原值
用虚构 API 响应区分数字、字符串和数组。超过 JavaScript 安全整数范围的标识符应保留原始数字。此工具检查 JSON 结构,不判断业务规则是否正确。
制作明确标为虚构的分镜聊天
为设计评审分镜编写两个人物的虚构对白。使用虚构姓名和普通示例文字,不导入真实私人聊天。目标是可读的视觉道具,不是能够冒充证据的聊天记录。
把横图放进方形尺寸限制
接收网站要求图片宽高都不超过 300 像素,但不要求方形裁剪。用 600 × 400 测试图演练,保留完整画面和原始比例。
在透明 WebP 和不透明 JPEG 之间选择
用带透明边缘的小型 PNG 标志做测试。除了文件体积,还要考虑接收方支持的格式、背景和颜色,不能只选择字节数最小的结果。
评估压缩效果,不预设一定达标
分别用无敏感内容的扫描 PDF 和文字 PDF 测试,它们不一定能得到相同压缩率。保留原件;只有内容仍满足接收方要求,更小的文件才有价值。
公开分享照片前先检查
照片里的地点信息不只存在于画面中,受支持的元数据也可能包含位置或拍摄信息。用自己拥有的测试照片演练,在交给其他服务前检查。
先读二维码目的地,再决定是否访问
先用二维码生成工具为 https://example.com 制作测试图片,再读取它。解码只能提取文字,不能证明网站可信或付款请求真实。
转换字幕并延后半秒
先用一条纯文本字幕确认偏移量的符号和单位。正数延后,负数提前;转换不会聆听视频,也不会自动找出正确时间。
同时满足图片尺寸和体积限制
假设接收网站要求最大 300 × 300、最多 200000 字节。用自制 600 × 400 图演练,并记录真实接收要求;尺寸、字节、格式和补边需要分别决定。
准备提交副本,同时保留源文档
先用自制 PDF 演练,记录需要的页码、顺序、格式及字节限制。浏览器可以准备文件,但不能批准申请,也不能认证材料满足接收机构要求。
清除受支持的元数据,并检查剩余内容
向外部协作者交付图片或 PDF 前,用一份包含已知元数据的自制文件演练,避免把解析能力有限误判为没有信息。清理只是交付检查的一部分。
把工作流付诸实践。
从一个先解析校验再呈现的确定性本地查看器开始。