如何使用Chrome检查器控制台

Question

在这个page上有一个带有jQuery效果的按钮。我想加快动画效果，看看它会是什么样子。所以我打开了检查员并注意到500速度有一个淡入淡出效果。我想把它归为100并看看它会是什么样子。如何使用控制台脚本窗口执行此操作？感谢

Answer 1

如果您打开元素标签并展开您感兴趣的代码部分，可以双击代码进行编辑。

Answer 2

您可以在控制台窗口中运行以下代码，脚本只需删除该元素并再次添加即可更改fadeTo（）中的速度

$(".hover").remove();
$('.otherbutton,.homebutton,.downloadbutton,.donatebutton')
   .append('<span class="hover"></span>').each(function () {
            var $span = $('> span.hover', this).css('opacity', 0);
            $(this).hover(function () {
                $span.stop().fadeTo(200, 1);
            }, function () {
        $span.stop().fadeTo(500, 0);
            });
   });