首页AI 频道Skills 库网页图片标签补全 Skill
研发

网页图片标签补全 Skill

批量体检并修复 img 标签:补 loading 懒加载、提示缺宽高与 alt(留 TODO 占位不瞎编尺寸),首屏图自动豁免。

3 个文件 1 次下载 2 次浏览 更新于 2026-11-01 15:50
返回Skills 列表
📁 网页图片标签补全 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 次
ai-skill-1790819169-8d867.zip 3 个文件 · 包含完整目录结构
下载完整压缩包 压缩包由服务器实时打包生成 · 文件内容与上方预览完全一致 · 仅文本,不含可执行二进制

使用说明

node scripts/img_enhance.js page.html --fix fixed.html;alt 占位必须人工填完再上线。

每个 IP 仅可点赞一次 · 点赞后不可取消

评论 (0)

发表评论

0/300

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

便签
已输入:0/500字

    扫码访问工具