Communitygithub.com

thedaviddias/interstitials - 插页式弹窗

用于分析CSS和JavaScript实现的模态框、遮罩层、弹出窗口、Cookie横幅、新闻通讯注册弹窗以及促销遮罩层。检查`position: fixed`、`position: absolute`结合高z-index、背景遮罩层以及页面加载后立即或稍后显示弹窗的JavaScript代码。同时考虑SEO影响(Google)和无障碍性(WCAG焦点管理)。

interstitials - 插页式弹窗 是什么?

该技能专为检测和评估网页中各种插页式弹窗(interstitials)的实现而设计,涵盖模态框、遮罩层、弹出窗口、Cookie横幅、新闻通讯注册弹窗和促销遮罩层。它通过分析CSS属性(如`position: fixed`、`position: absolute`结合高`z-index`)和背景遮罩层,以及检查JavaScript中在页面加载时或稍后触发弹窗的代码,来识别这类元素。该技能还关注SEO影响(特别是Google对插页式弹窗的惩罚)和无障碍性(WCAG焦点管理),确保弹窗不会损害用户体验或搜索引擎排名。适用于Claude Code、Cursor等AI代理工具,帮助开发者快速定位并优化弹窗实现,提升网站合规性和可用性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thedaviddias/Front-End-Checklist/tree/main/skills/interstitials

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

interstitials - 插页式弹窗 是做什么的?

用于分析CSS和JavaScript实现的模态框、遮罩层、弹出窗口、Cookie横幅、新闻通讯注册弹窗以及促销遮罩层。检查 position: fixed、position: absolute 结合高 z-index、背景遮罩层以及页面加载后立即或稍后显示弹窗的JavaScript代码。同时考虑SEO影响(Google)和无障碍性(WCAG焦点管理)。

相关技能