编写UserScript实现谷歌搜索自动启用工具按钮并保留结果数
谷歌搜索工具栏与结果数量共存的油猴脚本解决方案
需求说明
未修改的默认谷歌搜索页面会显示实用的搜索结果数量。点击Tools按钮后,带“Any Time”选项的工具栏会显示,但搜索结果数量会被隐藏——明明页面有足够空间同时显示两者。我的目标是实现页面加载时自动打开Tools工具栏,同时保留搜索结果数量的显示。
初步尝试
点击Tools按钮后,我通过浏览器调试工具将元素的class="appbar hdtb-ab-o"修改为class="appbar",就能临时让两者同时显示。我搜索了修改元素类的油猴脚本示例,改编后发现添加/移除类的调用没有效果。查阅文档后,我怀疑问题出在谷歌搜索页面是动态加载的。尝试改写MutationObserver相关示例时,又因经验不足出现语法错误。
我是JS/CSS新手,但有丰富的汇编语言开发经验,正在学习Web技术,目前只能靠复制、粘贴、合并和修改他人的脚本。原本以为只要修改那行类代码就能解决,现在才发现没那么简单。
最终可行方案
补充编辑:原来我把问题想复杂了,以下是可行的解决方案:
// ==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; } `); })();
内容的提问来源于stack exchange,提问作者Mark R
相关产品推荐
相关产品推荐

