插件小屋
Banner Animation QA & Dev Tool (GSAP)

Banner Animation QA & Dev Tool (GSAP)

2.3.0
2026-10-25
0
4.6
Banner Animation QA & Dev Tool (GSAP) - 截图 1Banner Animation QA & Dev Tool (GSAP) - 截图 2

插件介绍

检查和控制 GSAP 横幅动画。验证时间、尺寸和清理时间表。对于开发和质量检查至关重要。现在有黑暗模式。

每次交付前,以完全精确的方式检查、控制和验证您的 GSAP HTML5 横幅。
“横幅动画 QA 和开发工具 (GSAP)”为开发人员、QA 团队和设计师提供了终极工具包,可轻松验证时间、尺寸、点击标签和操作动画播放。不要再为了检查横幅规格而浪费时间进行屏幕录制或手动代码检查!该扩展程序直接集成到您的浏览器中,在检测到任何 GSAP 动画时注入直观的控制面板。
--------------------------------------------------
🛠️ 主要特点 🛠️
1️⃣ 多横幅支持和 Iframe 检测(新):智能扫描复杂页面(如 Flashtalking 预览或发布商网站)并在干净的下拉菜单中列出所有可用横幅。它无缝连接到同源和跨源 iframe。
2️⃣ 广告技术供应商和 ClickTag 检测(新):自动检测流行的广告网络(Google Studio、Flashtalking、Sizmek/Amazon、Celtra、Zuuvi)并验证您的 clickTag 是否配置正确。
3️⃣ 精确的时间线滑动:轻松地滑动动画时间线,以检查特定的帧、过渡或在您需要的确切时刻暂停。
4️⃣ 轻松播放和速度控制:即时播放、暂停、重新启动或微调动画速度(例如 2x、0.5x、1x、2x),以捕捉细微细节或查看整体流程。
5️⃣ 即时尺寸和时间显示:立即查看横幅的物理渲染尺寸、总时长和当前播放时间,确保严格符合广告规范。
6️⃣ 智能 GSAP 自动检测:自动查找并连接到所有版本的 GSAP 时间线(v1/v2 的 TimelineMax/TimelineLite,v3+ 的 gsap.core.Timeline / globalTimeline)。
7️⃣ 可拖动和主题化 UI:时尚、可拖动的控制面板,不会妨碍您。根据您的系统偏好自动适应暗/亮模式。
--------------------------------------------------
💡好处💡
👁️ 提高 QA 效率和准确性:使您的 QA 团队能够通过精确的控制彻底测试 HTML5 横幅动画。验证是否符合广告服务器规范并在此过程的早期识别渲染问题。
🤝 改善创意协作:促进设计师、开发人员和项目经理之间更清晰的沟通。为非技术利益相关者提供一种万无一失的方式来审查、暂停和批准动画。
💻 给开发者的快速提示:
虽然扩展具有深度 iframe 扫描和全局时间线回退功能,但为了获得绝对最佳结果,请确保将主 GSAP 时间线实例分配给“window”对象上的全局变量(例如,“window.tl = gsap.timeline()”)。
准备好简化您的横幅测试和广告运营审核流程了吗?
立即将“横幅动画 QA 和开发工具 (GSAP)”添加到 Chrome!


插件详情

评分
4.6星(共5星),共14位用户参与评分
使用人数290
版本2.3.0
文件大小72.2KB
提供方RinkonSan Pedro
支持语言英语(美国)
IDbmphfemmbimfpeelociakliamncpafia
发布时间2023-12-29 20:35:33