1.6 KiB
1.6 KiB
name, displayName, description, keywords, author
| name | displayName | description | keywords | author | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| pixel-audit | H5→MP 像素测量与 rpx 换算 | H5 页面结构化拆解、逐级元素测量、px→rpx 换算、偏差审计方法论。用于迁移前 H5 审计和迁移后双端对比。 |
|
NeoZQYY |
H5→MP 像素测量与 rpx 换算
精确测量 H5 页面元素尺寸与间距,换算为小程序 rpx 值。 提供结构化拆解→逐级测量→偏差审计的完整方法论,指导 H5→MP 迁移和双端对比。
核心工具:
scripts/ops/measure_gaps.py(Playwright headless 测量)- Playwright MCP
browser_evaluate(等效 JS 测量)
rpx 速查
精确公式:rpx = ceil(px × 1.7442 / 2) × 2
简化心算:rpx ≈ px × 2 × 0.875 取偶(6px/14px 处有 2rpx 偏差)
圆角:border-radius = px × 2
2→4 4→8 6→12 8→14 10→18 12→22
14→26 16→28 20→36 24→42 28→50 32→56
偏差判定标准
| rpx 偏差 | 级别 | 处理 |
|---|---|---|
| ≤ 2rpx | 通过 | 无需修正 |
| > 2rpx 且 ≤ 4rpx | 警告(P4-P7) | 像素级精调 |
| > 4rpx | 不通过(P0-P3) | 必须修正 |
Steering
| 文件 | 内容 |
|---|---|
measure.md |
结构化拆解方法论、H5 审计映射表、逐级测量流程、偏差审计规则、rpx 换算公式与速查表、measure_gaps.py 用法、MP 反向验证 |
加载:激活 Power → readSteering("measure.md")