javascript - Google Chrome 调用 JS 脚本控制台？

Question

我基本上正在尝试，这里做了什么:Calling a Javascript Function from Console

只是以另一种方式，我找不到。

在 reddit.com，我正在尝试删除“尝试重新设计”按钮。如果您在 reddit.com 中使用 Google Chrome F12，您应该能够看到应用程序，单击该应用程序，然后转到脚本并使用 CTRL+F。然后你找到代码，我只是将其中的一部分放在这里。

    function f() {
        a("redesignbanner", "click", "r2banner_dismiss")
    }

这个

e.actions.on("onboarding:redesignbetabarClose", f),
e.actions.on("onboarding:redesignbetabarClickOptIn", c),

还有这个

        initBanner: function() {
            var n = $(".redesignbetabar");
            if (!n.length)
                return;
            $("#redesign-beta-optin").on("click", function() {
                e.actions.trigger("onboarding:redesignbetabarClickOptIn"),
                t(function() {
                    e.onboardingBar.setDismissed(n.data(), !0),
                    window.location.reload(!0)
                }, function(t, n, i) {
                    e.warn("Error opting in to redesign", n, ";", i)
                })
            })
        }

你看到 e.onboardingBar.setDismissed(n.data(), !0) 了吗？基本上，我也尝试过运行它，但我不知道如何运行。

我的观点是删除右上角的按钮，如下所示。

如果您不知道如何获取该按钮，我会尝试找出如何获取它。

您转到右上角的 Reddit 帐户设置 > 向下滚动并选中“使用重新设计作为我的默认体验”> 然后单击“保存”

然后你再次进入设置，或者如果你仍然在那里，只需取消选中它，按钮就会出现，这很烦人，我无法摆脱它，似乎我以前也没有遇到过这个问题其他人有，但不是全部，这很奇怪。

Answer 1

由于 Reddit 将几乎所有 JavaScript 代码都包装在匿名函数中，因此您无法访问其中定义的变量和函数。例如，请参阅以下代码:

(function() {
  var x = 2;
})();

除了该匿名函数内部之外，无法从任何地方访问变量 x，并且由于该函数没有名称，因此无法引用它或访问其中的任何内容。

Reddit 对他们的代码做了同样的事情，这意味着你不能调用任何这些方法。然而，还有另一种使用 CSS 隐藏按钮的方法。该按钮具有“redesign-beta-optin”类，因此以下 CSS 将隐藏该按钮:

.redesign-beta-optin { display: none }

这可以使用 JavaScript 来完成，如下所示:

document.getElementsByClassName("redesign-beta-optin")[0].style.display = "none"

编辑

要永久删除该按钮，您可以使用 Chrome 扩展程序，例如 Tampermonkey或Stylish它允许您在某些网页上运行 JavaScript 和 CSS。

要使用 Tampermonkey 执行此操作，请创建一个包含以下内容的用户脚本:

// ==UserScript==
// @name Reddit Redesign Button Remover
// @description  Remove reddit redesign button
// @author       kmh
// @match        https://*.reddit.com/*
// ==/UserScript==

document.getElementsByClassName("redesign-beta-optin")[0].style.display = "none";

使用 Stylish，您可以为域 reddit.com 创建新样式，其内容如下:

.redesign-beta-optin { display: none }

如果您使用 Tampermonkey，您会注意到网站加载按钮时需要一小段时间，因为初始化需要一些时间。对于 Stylish，这种情况不会发生。