ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Gemini Voyager:隐藏 Gemini 主页“Recently saved“与侧边栏 Gems 列表的实用指南

Gemini Voyager:隐藏 Gemini 主页“Recently saved“与侧边栏 Gems 列表的实用指南 AI 应用前端【免费下载链接】voyagerEnhancement suite for Gemini, AI Studio, Claude ChatGPT — plus a prompt manager for any websites, DeepSeek Harness included. / 面向 Gemini、AI Studio、Claude 与 ChatGPT 的增强套件其中的提示词管理器可用于任意网站如 DeepSeek Harness。项目地址https://gitcode.com/gh_mirrors/ge/voyager点击查看免费下载导读本文介绍 Gemini Voyager面向 Gemini 的增强套件提供的隐藏最近项目Hide Recent Items与 Gems 列表功能。该功能在 Gemini 主页添加一个优雅的开关按钮用于隐藏Recently saved区域同时支持隐藏侧边栏中的Gems列表让界面更简洁并在公共场合保护你的隐私。读完本文你将掌握该功能的使用方法、版本要求、交互细节以及它在 Voyager 源码中的底层实现原理与持久化机制。功能概述与版本要求注意该功能自Voyager 1.1.9版本起支持。此功能在 Gemini™ 主页的Recently saved区域添加了一个精美的切换按钮用于隐藏该区域以获得更简洁的界面后续版本又扩展支持了侧边栏中Gems列表的隐藏。从源码结构看Voyager 将这套隐藏/显示交互抽象为通用的侧边栏区块隐藏器sidebar section hider由 src/pages/content/gemsHider/index.ts 统一实现并在 src/pages/content/nativeFeatures.ts 中以startGemsHider的形式注册为原生特性。其设计目标见模块头部注释是Gemini 不断推出新的侧边栏区块外壳section shells该模块为这些变体保持统一的隐藏/显示交互同时为每个区块独立持久化隐藏状态。核心特性上下文开关Contextual Toggle只有当你将鼠标悬停在 Recent Items 区域上时才会出现一个低调的隐藏按钮。极简状态Minimalist State区域被隐藏后底部会替换为一条不起眼的peek bar窥视条。一键恢复One-Click Restore将鼠标悬停在 peek bar 上并点击即可瞬间恢复最近项目。隐私保护Privacy Protection防止周围的人看到你的近期活动非常适合公共场合。持久化Persistence你的偏好会被保存下次访问时自动生效。使用方法将鼠标悬停在 Gemini 主页的 Recent 区域上。点击区域右上角出现的eye-off闭眼图标隐藏该区域。要恢复显示将鼠标悬停在区域底部残留的**细线peek bar**上并点击。源码级实现原理1. 状态存储与持久化隐藏状态通过chrome.storage.local持久化对应存储键定义在 src/core/types/common.tsGEMS_HIDDEN: gvGemsHidden, NOTEBOOKS_HIDDEN: gvNotebooksHidden, FOLDERS_HIDDEN: gvFoldersHidden,gemsHider模块通过 getHiddenState / setHiddenState 读写StorageKeys.GEMS_HIDDEN默认值为false。值得注意的健壮性设计若chrome.storage读取/写入时报错chrome.runtime.lastError会自动回退到localStorage同名键确保极端环境下功能不失效——这一点也有对应的单元测试覆盖见 gemsHider.test.ts。2. 隐藏与恢复的 DOM 实现模块通过注入样式injectStyles实现隐藏效果为区块添加gv-sidebar-section-hidden类将其max-height、opacity、margin、padding全部归零并禁用pointer-events从而以平滑过渡0.35s cubic-bezier收起整个区块。同时在其后插入一条 6px 高的 peek barhover 时增高至 12px 并显示主色提示点击或按 Enter/Space 即可恢复。3. 动态页面适配Gemini 是高度动态的单页应用模块使用MutationObserver监听document.body下新增节点并在100ms 去抖窗口内批量处理新出现的区块确保侧边栏重渲染后功能依然可用见 index.ts。startGemsHider仅在gemini.google.com域名下生效且会返回 cleanup 函数以便在特性被禁用时完整还原 DOM移除按钮、peek bar、注入样式与隐藏类。4. 多语言支持按钮与 peek bar 的提示文案通过国际化系统获取。英语文案定义在 src/locales/en/messages.jsongemsHide: { message: Hide Gems, description: Tooltip for hiding Gems list section }, gemsShow: { message: Show Gems, description: Tooltip for showing Gems list section }同时监听语言切换事件browser.storage.onChanged在运行时即时更新按钮的aria-label与title保证无障碍可访问性。测试与验证该功能的交互与边界情况由 gemsHider.test.ts 覆盖包括仅在匹配的区块如旧版.gems-list-container注入隐藏控件在一个去抖窗口内处理多个新增区块storage.local失败时回退到localStorage明确不再为 Notebooks 区块注入隐藏控件该右上角位置现由文件夹管理器的锚点交换按钮占用避免功能冲突。适用前提与限制本功能仅在Gemini 官方网页版gemini.google.com上生效不适用于 AI Studio、Claude 或 ChatGPT 等其他站点。需要Voyager 1.1.9 或更高版本。从源码注释看Gemini 2026 年改版后侧边栏已移除 Gems 区块旧版布局仍保留该交互未来 Gemini 页面结构调整时隐藏控件的外观与位置可能随官方 DOM 变化而微调。赞分享AI 应用前端【免费下载链接】voyagerEnhancement suite for Gemini, AI Studio, Claude ChatGPT — plus a prompt manager for any websites, DeepSeek Harness included. / 面向 Gemini、AI Studio、Claude 与 ChatGPT 的增强套件其中的提示词管理器可用于任意网站如 DeepSeek Harness。项目地址https://gitcode.com/gh_mirrors/ge/voyager点击查看免费下载相关推荐Voyager 侧边栏最近 Gems 列表让 Gemini 原生 Gems 入口在侧边栏内联展开Voyager 侧边栏最近 Gems 列表让 Gemini 原生 Gems 入口在侧边栏内联展开 导读 Gemini 在 2026 年的重新设计中把 GemAI 应用前端基于 ast-grep 的结构化代码搜索为 oh-my-posh 仓库编写高精度 AST 匹配规则基于 ast grep 的结构化代码搜索为 oh my posh 仓库编写高精度 AST 匹配规则 本指南以 oh my posh 仓库内置的 ast greAI 应用前端Voyager 侧边栏最近 Gems 功能完全指南让 Gemini 原生 Gems 入口在侧边栏内展开为最近使用列表Voyager 侧边栏最近 Gems 功能完全指南让 Gemini 原生 Gems 入口在侧边栏内展开为最近使用列表 本指南围绕 Voyager 扩展在 GeAI 应用前端创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表