当前位置: Chrome插件首页 > 开发者插件 > Animation Generator Chrome插件 > Animation Generator Chrome插件详细图文介绍

Animation Generator 图文介绍

Animation Generator Chrome插件图片

Generate CSS Animation code for your page
Animation Generator是集成在开发者工具Devtools的一个功能。它能帮助开发者迅速为原本死气沉沉的页面上的元素添加动画和实时预览,并生成兼容多浏览器的CSS动画代码。

你只需要以下步骤,便可复活你的页面:
1. 在HTML中,为需要添加动画的元素添加前缀为&qu

注:中文翻译来自GOOGLE
Generate CSS Animation code for your page
Animation Generator是集成在开发者工具Devtools的一个功能。它能帮助开发者迅速为原本死气沉沉的页面上的元素添加动画和实时预览,并生成兼容多浏览器的CSS动画代码。

你只需要以下步骤,便可复活你的页面:
1. 在HTML中,为需要添加动画的元素添加前缀为"anim-"的类,如anim-arrow
2. 打开开发者工具,使用放大镜选中带有"anim-"前缀的类的元素
3. 在Style, Event Listener等标签栏切换到Animation Generator。
4. 现在开始给你的元素添加动画吧!

Animation Generator 相关插件推荐

H5Check

开发者插件 2015-11-30 19:31:33

无线页面常用检测
V 0.0.5 版本更新(2015-09-13):

1. https 去前缀判断增加访问环境影响导致误报的容错处理
2. 优化资源匹配类的一些正则,使得所需资源的过滤正确率及抓取率趋向于完美
3. 新增 WebP 优化应用后节省图片总体积的数值对比
4. 代码重构,效率上得以提升,更便于后续功能的增加和迁移

--

jQuery Injector v1.1.1

开发者插件 2019-11-04 11:44:27

JQuery Injector 允许您将 jQuery 注入页面上的每一帧,以便在开发控制台中使用 jQuery。功能: 将 jQuery URL 设置为注入您想要的任何版本。
-指定要自动注入的网站和页面模式。
-在上下文菜单中输入,使注入更加容易。
1.1 更改日志将默认 jQuery 版本提升到 3.1。添加了删除以前的 jQuery 版本的选项注射的时候 <

WebRTC Leak Prevent v1.0.14

开发者插件 2020-03-11 03:58:50

通过控制隐藏的 WebRTC 隐私设置来防止 Chrome 中的 WebRTC 泄漏。这将防止 WebRTC 泄漏。

这里测试泄漏-https://diafygi.github.io/webrtc-ips/ 仅与 Chrome 版本 42 和基于 42 的铬浏览器兼容。更新的选项至少需要 Chrome 48 版本。基于 WebRTC 的服务可能会受到此扩展的影响。请在离开评

JaSON

开发者插件 2020-04-13 12:25:37

用于测试和调试 web 服务的简单易用的工具。通过 HTTP 或 HTTPS 发送请求,并查看格式化的语法突出显示的响应。也支持发送表单编码的请求参数。
支持以下 HTTP 操作:
-GET
-POST
-PATCH
-PUT
-删除
-HEAD -选项
允许添加请求参数, 标题和 JSON 或 XML 请求正文。

Block Yourself from Analytics

开发者插件 2015-11-19 08:31:56

挡住你的谷歌Analytics(分析)™活动为你自己的网站,没有更多的虚假统计资料。
挡住你的谷歌Analytics(分析)™活动为你自己的网站(或管理),没有更多的虚假统计资料。

Ghost Inspector - Automated Website Testing v4.2.3

开发者插件 2019-05-21 11:05:55

Ghost Inspector 是一个自动化的 UI 测试和监控工具。它允许你在浏览器中记录自己在网站上执行的操作,然后将它们同步到 Ghost Inspector 服务,并作为回归测试连续运行它们。
当你的代码发生变化时,你可以在你的临时服务器上记录它们,并通过我们的 API 执行它们 --或者在您的实时网站上记录它们,并以设定的时间间隔自动运行它们,以持续检查问题。使用我们的工具,

Tagtician: Adobe Launch & DTM Debugger v1.106

开发者插件 2020-01-27 07:16:57

Tagtician 是 Adobe Launch 和 DTM (动态标签管理器) 的第一个也是唯一一个标签管理伴侣和调试器。调试 Adobe 启动和 DTM 规则,搜索难以捉摸的营销像素,并查看/导出整个跟踪库。Tagtician 还可以轻松地在您的舞台和制作库之间切换。
请参见我们的隐私政策: http://tagtician.com/privacypolicy.htm

Full Page Screen Capture v4.9

开发者插件 2020-02-26 19:44:31

获取当前浏览器窗口的完整页面截图的最简单方法。单击扩展图标 (或按 Alt Shift P),观看扩展捕获页面的每个部分,并进行传输

小密圈助手

开发者插件 2019-03-02 21:46:13

PC端浏览小密圈的时候,文中的链接比较分散;此助手能列出页面里涉及的所有链接,帮助用户快速浏览

Stylist:自定义网页CSS

开发者插件 2019-12-30 22:51:57

我们在上时间对着电脑上网后,即使不厌倦了网页的字体也很可能会出现视力疲劳的情况,有事会想自己给Google写CSS?想恶搞网页?或者修改一下网页的字体或者背景色等!这一切的需

SEO Analysis with Seoptimer v1.0.0

开发者插件 2019-06-16 01:24:03

注意:
从 1.0.0 版开始,我们需要你的许可来阅读关于 “标签” 的信息。没有这一点,我们无法轻松地将您重定向到我们的工具。 Google Chrome 的 “搜索引擎”™是一个方便的插件,用于快速准确的网站搜索引擎优化分析。Seoptimer 检查页面 SEO 上的所有重要因素。通过检查页面 SEO 因素中最重要的因素来分析你的网站。结果,你会得到最好的优化提示的清晰的 SEO

掘金

开发者插件 2018-02-18 21:29:27

为设计师、程序员、产品经理每日发现优质内容。
包含Android、前端、产品、设计、iOS、后端六大频道,每个频道内都有一到多个为你精心准备的优质内容源。

掘金是中国质量