Thanks to visit codestin.com
Credit goes to github.com

Skip to content

一款专为浏览器标签页收纳与整理打造的插件,可有效节省内存并缓解标签页杂乱问题,兼容 Chrome、Edge 等基于 Chromium 内核的浏览器。A browser extension designed for tab management and organization, effectively saving memory and reducing cluttered tabs. Compatible with Chrome, Edge, and other Chromium-based browsers.

Notifications You must be signed in to change notification settings

huioi/Just-OneTab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Just-OneTab Icon

Just-OneTab

一款为浏览器标签页收纳与整理设计的插件,可有效节省内存缓解标签页杂乱问题

(功能精简,界面清爽,交互友好,兼容 Chrome、Edge 等基于 Chromium 内核的浏览器)



💡功能简介

  • 固定管理界面:将收纳管理界面缩小并固定在浏览器窗口的最左侧,方便随时访问。
  • 一键收纳: 快速将当前活动标签页或整个窗口的所有标签页保存到收纳管理界面中。
  • 分组管理:收纳的标签页会根据收纳时间自动分组。支持对单个分组一键进行“打开、删除或导出”,也可以针对所有分组执行“全部打开、删除或导出”的操作。
  • 标签搜索:在管理页面内快速搜索标签组标题、标签页标题及URL(可配置),高效定位内容。
  • 导入/导出: 支持将标签页组数据导出为 Markdown、JSON 或 HTML (标准书签格式) 文件,便于备份或分享。同时支持从这些格式导入数据。
  • 右键菜单快捷操作
    • 仅收纳此标签页
    • 收纳全部标签页
    • 整理 Just-OneTab(进入管理界面)
  • 拖放操作: 在管理页面通过拖放轻松移动标签页到其他组,或合并整个标签页组。
  • 自定义设置:
    • 提供浅色、深色及跟随系统三种外观主题。
    • 可自定义插件图标的默认点击行为。
    • 可配置管理页面头部及标签组内操作按钮的显示/隐藏。
    • 可启用/禁用拖放功能。
    • 可设置右下角设置图标的显示方式(悬停或常驻)。

🖼️截图预览

首页1 首页2 搜索

📦安装步骤

方式一(Just-OneTab文件夹)

  1. 下载项目 Release 中“Just-OneTab.zip”文件。
  2. 解压后,将 Just-OneTab 文件夹放至任意(除了 Chomre / Edge 扩展默认存放位置,会自动删除此文件夹导致插件失效)固定的位置,后续不可删除不可移动。
  3. 进入浏览器扩展程序管理(或地址栏输入chrome://extensions) -> 启用开发者模式 -> 加载已解压的扩展程序 -> 选择 Just-OneTab 文件夹进行安装

方式二(Just-OneTab.crx)

由于 Chrome / Edge 禁用非应用商店插件,此方式安装后重启浏览器后插件会被自动清除卸载。因此,需将 Just-OneTab 添至白名单。

🌐Chrome

  1. 下载项目 Release 中“Just-OneTab.crx”文件。
  2. 进入浏览器扩展程序管理(或地址栏输入chrome://extensions) -> 启用开发者模式 -> 将 Just-OneTab.crx 文件拖入浏览器窗口进行安装 -> 复制 Chrome 给 Just-OneTab 分配的扩展程序 ID。
  3. 下载项目中chrome.adm文件(或于 The Chromium Projects 自行下载“policy_templates.zip”并解压打开目录“windows > adm > zh-CN > chrome.adm”)。
  4. Win + R进入运行 -> 输入gpedit.msc进入本地组策略编辑器 -> 右键单击“计算机配置 > 管理模版” -> 点击“添加/删除模板” -> 选择添加 chrome.adm 后确定。
  5. 接着返回本地策略组编辑器 -> 点击“计算机配置 > 管理模版 > 经典管理模板 > Google > Google Chrome > 扩展程序” -> 双击或右键编辑设置“配置扩展程序安装许可名单” -> 点击已启用 -> 点击“选项(显示)” -> 在“显示内容”中粘贴第 2 步复制的扩展 ID 后确定。

🌊Edge

由于遭到 OneTab 官方的侵权投诉,扩展已被 Edge 扩展商店下架,原扩展商店链接失效。

  1. 同 Chrome 完整安装步骤的第一步。
  2. 进入浏览器管理扩展(或地址栏输入edge://extensions) -> 启用开发人员模式 -> 将 Just-OneTab.crx 文件拖入浏览器窗口进行安装 -> 复制 Edge 给 Just-OneTab 分配的扩展 ID。
  3. 下载项目中msedge.adm(或于 Edge Business) 自行下载“MicrosoftEdgePolicyTemplates.cab”并解压打开目录“windows > adm > zh-CN > msedge.adm”)。
  4. 同 -> 选择添加 msedge.adm 后确定。
  5. 同 -> 点击“计算机配置 > 管理模版 > 经典管理模板 > Microsoft Edge > 扩展” -> 双击或右键编辑设置“允许安装特定扩展” -> 点击已启用 -> 点击“选项(显示)” -> 在“显示内容”中粘贴第 2 步复制的扩展 ID 后确定。

📑功能详情

展开功能详情

1. 标签页收纳

  • 收纳当前标签页:
    • 通过右键菜单选择“仅收纳此标签页”。
    • 可配置插件图标点击行为为“仅收纳当前活动的单个标签页”。
    • 收纳单个标签页后,原标签页将关闭,数据保存至收纳管理页面,浏览器不会自动跳转到管理页。
  • 收纳全部标签页:
    • 通过右键菜单选择“收纳全部标签页”(收纳当前窗口所有符合条件的标签页)。
    • 可配置插件图标点击行为为“一键收纳当前窗口的所有标签页”。
    • 收纳全部标签页后,原符合条件的标签页将关闭,数据保存至收纳管理页面,并自动打开(或激活)收纳管理页面。
  • 排除规则: 自动排除 chrome://chrome-extension://edge:// 等特殊协议的标签页以及插件自身的管理页面和选项页面。

2. 标签页组管理 (于专属管理页面)

  • 查看与组织:
    • 所有收纳的标签页以“标签组”的形式清晰展示。
    • 每个标签组显示其包含的标签页数量及创建时间。
    • 可以为每个标签组自定义名称(双击组标题即可编辑)。
  • 操作标签组:
    • 打开组内所有标签页: 一键在新的标签页中打开组内所有链接,操作后该标签组将从管理页面移除。
    • 删除整个标签组: 永久删除选定的标签组及其包含的所有标签页。
    • 导出单个标签组: 将特定标签组导出为 Markdown、JSON 或 HTML 格式。
  • 操作单个标签页:
    • 打开单个标签页: 点击组内的某个标签页,将在新标签页中打开其链接,同时该标签页会从其所在的组中移除。
    • 删除单个标签页: 从标签组中移除特定的标签页(光标悬停于标签页最右侧显示删除按钮)。
  • 拖放交互 (默认启用,可在设置中禁用):
    • 移动标签页: 将一个标签页从一个组拖放到另一个组。
    • 合并标签组: 将一个标签组拖放到另一个标签组上,源标签组的所有标签页将被合并到目标标签组,源标签组随后被清除。

3. 导入与导出

  • 导出数据:
    • 全部导出: 将当前所有标签页组一次性导出为 Markdown、JSON 或 HTML (标准书签) 文件。
    • 单个组导出: 针对特定标签组进行导出操作。
    • 导出的文件名会自动包含导出类型和时间戳,便于识别。
  • 导入数据:
    • 从 Markdown 粘贴: 在指定模态框中粘贴符合预定格式的 Markdown 文本进行导入。导入的组标题统一为“Markdown导入 [日期]”。
    • 从 JSON 文件导入: 选择本地 JSON 文件进行导入。导入的组标题统一为“JSON导入 [日期]”。
    • 从 HTML 书签文件导入: 选择本地 HTML 书签文件进行导入。导入的组标题统一为“HTML导入 [日期]”。

4. 搜索功能

  • 在管理页面顶部的搜索框中输入关键词。
  • 实时过滤并显示匹配的标签组和标签页。
  • 可根据用户设置,搜索范围包括:
    • 标签组的自定义标题。
    • 标签页的标题。
    • 标签页的 URL。

5. 自定义设置

用户可以通过独立的设置页面 (光标悬停于收纳管理页面的右下角显示设置的入口) 对插件进行个性化配置:

  • 外观设置:
    • 主题选择: 浅色模式、深色模式、与系统同步(默认)。
    • 设置图标显示: 配置管理页面右下角的设置图标是常驻显示还是悬停时显示(默认悬停显示)。
  • 功能设置:
    • 拖放功能: 启用或禁用管理页面的拖放功能(默认开启)。
  • 插件图标默认行为:
    • 选择点击浏览器工具栏插件图标时的默认操作:“一键收纳当前窗口的所有标签页”(默认)或“仅收纳当前活动的单个标签页”。
  • 搜索功能细化:
    • 配置搜索结果是否包含标签组的标题。
    • 配置搜索结果是否包含标签页的网址。
  • 主页按钮显示/隐藏:
    • 自定义管理页面头部区域各个主要操作按钮(如搜索框、全部打开、全部删除、导出、导入)的可见性。
  • 标签组按钮显示/隐藏:
    • 自定义每个标签组头部区域的操作按钮(如打开组、删除组、导出组)的可见性。
  • 恢复默认设置: 提供一键恢复所有设置为初始默认状态的功能。

💭其他

项目起源

在长期使用 OneTab 的过程中,遇到一些令我困扰的问题,其中最显著的是右键菜单中冗长的选项列表。实际使用中,我仅需“仅发送此标签页到OneTab”这一功能,但每次都需要在众多选项中寻找,虽然单次耗时不长,却在长期使用中积累了大量时间成本,大大降低了使用效率。

为此,我打算边做边学,从零开发,打造一款功能更精简、界面更清爽、交互更友好的标签页收纳工具。在项目推进过程中,交替使用大语言模型(包括 ChatGPT 4o、Claude 3.5 Sonnet、o1 preview 和 Gemini 1.5 Flash)完成了核心代码的开发,同时对功能、界面和交互进行了全面设计、优化和测试。

其他特性

  • 不联网,所有数据保存在本地。
  • 未设计标签页分类功能,一方面由于个人对此没有需求,另一方面认为浏览器默认书签/收藏夹或各类书签整理插件足以满足此任务。

疑存问题

  1. 在标签页未完全加载时点击收纳,Just-OneTab 可能无法将其进行收纳或将其收纳为“未命名标签页”,再次打开此标签页会反馈不存在。
  2. 收纳正在编辑状态,关闭会弹窗选项对话框“是否离开此网站”的标签页,且选择“取消”后,再此进入 Just-OneTab 管理页面可能不会显示刚收纳的标签页,此时需要刷新才会正确显示。同时,在此情况下,插件有一定运行崩溃的概率。(后续尝试解决方法:调整界面渲染的逻辑结构)

关于项目

本项目纯粹是技术学习与个人使用,不用于任何商业用途,无任何经济利益。

关于仓库

本仓库主要用于个人存档,若其他人看到后有兴趣使用或开发,请随意。

About

一款专为浏览器标签页收纳与整理打造的插件,可有效节省内存并缓解标签页杂乱问题,兼容 Chrome、Edge 等基于 Chromium 内核的浏览器。A browser extension designed for tab management and organization, effectively saving memory and reducing cluttered tabs. Compatible with Chrome, Edge, and other Chromium-based browsers.

Resources

Stars

Watchers

Forks