用户脚本修改 Google 搜索以自动启用工具按钮并仍然看到结果计数

Question

帖子更新为下面的工作代码...

未修改的默认 Google 搜索 主页 看起来像这样 以及方便的结果计数。如果按下“工具”按钮，则会出现“随时”的工具栏，就像这样 - 但它也会删除结果计数，即使两者都有空间。我的目标是在加载页面时自动按下“工具”按钮（显示“随时”下拉菜单），并且仍然同时显示“结果计数”像这样。

我认为这应该是可能的，因为当按下“工具”按钮时，我可以通过编辑强制页面使用 Firefox Inspector 临时显示“结果计数”和“工具栏”

class="appbar hdtb-ab-o"

如图所示，至

class="appbar"

显示在这里。

搜索与修改 Class 元素相关的 UserScript 示例，我发现了

类似的东西，但是当我修改示例以定位此类时，添加/删除调用似乎没有执行任何操作。又阅读了一个小时的文档，我怀疑这个问题可能是由于 Google 搜索页面是动态的造成的。尝试改编我发现的与 MutationObservers 相关的示例只会产生语法错误，可能是因为我还太缺乏经验。

尽管我在老式汇编语言开发方面有相当多的经验，但我在 Javascript/CSS 语法和格式方面完全是新手。我正在学习这些 Web 内容并享受 UserScript 的乐趣，但到目前为止我只能剪切、粘贴、合并和修改其他人的工作脚本。在这一点上，我没有试图改变任何事情，甚至看起来没有任何改变，我觉得我只是在黑暗中摸索，不太可能通过四处摸索来拼凑或绊倒前进的道路。当我开始时，一切似乎都很简单。只需将一行代码从

class="appbar hdtb-ab-o" 更改为 class="appbar" 即可完成！我现在意识到我是多么天真......:-)

编辑添加：这是我的工作解决方案。事实证明，我确实找错了对象，并且对问题想得太多了。

// ==UserScript==
// @name        New script google.com
// @namespace   https://greasyfork.org/pt-BR/users/821661
// @match       https://www.google.com/search*
// @grant       GM_addStyle
// ==/UserScript==

(function () {
    'use strict';
    GM_addStyle(`
        .LHJvCe {
            opacity: unset !important;
            top: 0px !important;
        }
    `);
})();

Answer 1

我正在寻找一种默认显示 Google 搜索结果计数的解决方案，并遇到了这个脚本。它没有做我想要的，但是搜索 greasyfork 脚本，我发现了以下脚本：

https://greasyfork.org/nl/scripts/13968-gollyjer-s-auto-expand-google-search-tools .

这可以很容易地适应在本地化的谷歌搜索网站（如google.be）上使用，并且完全按照其描述所述：“自动扩展谷歌搜索工具”，其副作用是搜索结果计数出现在右侧位于搜索结果页面的一侧。