研发
返回Skills 列表
网页图片标签补全 Skill
批量体检并修复 img 标签:补 loading 懒加载、提示缺宽高与 alt(留 TODO 占位不瞎编尺寸),首屏图自动豁免。
📁 网页图片标签补全 Skill /
SKILL.md0.9 KB
scripts
img_enhance.js3.3 KB
references
lazy-notes.md0.5 KB
所有文件均为纯文本展示,仅提供查看与打包下载,不在服务器上执行。
SKILL.md
---
name: img-enhance
description: 批量体检并修复 img 标签:补 loading 懒加载、提示缺宽高与 alt(留 TODO 占位不瞎编尺寸),首屏图自动豁免。
---
# 网页图片标签补全 Skill
## 触发条件
当页面 LCP 偏慢、布局抖动明显、无障碍扫描报图片问题,或文章页图片很多时触发。
## 执行步骤
1. 运行 node scripts/img_enhance.js page.html --fix fixed.html -o img_report.md。
2. 首屏图数量不合适就用 --keep-first 调整后重跑。
3. 报告里缺 width/height 的按原图标注,不猜尺寸。
4. alt 的 TODO 占位逐个人工填写,写图意不写文件名。
5. 用修复版替换原文前先本地渲染对比一遍,确认无错位。
## 依赖
Node.js 12+,零依赖;正则级改写,改完必须人工过一遍页面。
## 输出
一份 img_report.md(问题清单)与可选的改写后 HTML(lazy 已加、alt 留 TODO 占位)。
纯文本预览
全站累计复制 0 次
使用说明
node scripts/img_enhance.js page.html --fix fixed.html;alt 占位必须人工填完再上线。
每个 IP 仅可点赞一次 · 点赞后不可取消

暂无评论,来发表第一条评论吧!