google-chrome - 如何使用 Chrome 检查器控制台

Question

在这个页面上有一个带有 jQ​​uery 效果的按钮。我想加快动画速度，看看它会是什么样子。所以我打开了检查器，注意到速度有一个淡入淡出效果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);
            });
   });