multi-row-tabs README

The project's README from github.com/hezhizheng/multi-row-tabs. As one markdown file: README.md.

Multi-Row Tabs Logo

Multi-Row Tabs(多行平铺标签栏)

一个 Chrome 浏览器扩展(Manifest V3),以多行平铺的方式展示当前窗口的所有标签页,采用零侵入浮动模式:不修改页面任何样式,兼容所有网站。

视频演示

https://github.com/user-attachments/assets/a6736d2c-746c-4b45-bb09-1fc7d6831068

背景说明

Chrome 扩展无法修改浏览器原生标签栏(标签栏属于浏览器 UI 层,扩展无权注入样式或脚本)。因此本扩展采用「浮动覆盖栏」方案:页面上仅有一个可拖拽的悬浮按钮,点击或按快捷键时标签栏才浮现在页面顶部,不改动页面任何样式,对等任何网站零影响。

功能特性

安装方法

  1. 打开 chrome://extensions/
  2. 开启右上角「开发者模式」
  3. 下载 最新压缩包 解压
  4. 点击「加载已解压的扩展程序」,选择本目录(multi-row-tabs)
  5. 工具栏出现扩展图标即安装成功

使用方法

文件结构

chrome-multirow-tabs/
├── manifest.json   # MV3 配置,声明 tabs / storage / scripting 权限
├── background.js   # Service Worker:切换开关、标签查询、favicon 转换与缓存、事件广播
├── content.js      # 渲染悬浮按钮与多行标签栏,处理拖拽 / 快捷键 / 点击 / 中键关闭等交互
├── content.css     # 标签栏与悬浮按钮样式(flex-wrap 多行平铺)
├── popup.html      # 工具栏弹出面板
├── popup.js        # 面板逻辑:切换按钮 + 显示链接 + 快捷键录制
├── icon16.png      # 扩展图标(16px)
├── icon48.png      # 扩展图标(48px)
├── icon128.png     # 扩展图标(128px)
└── README.md

已知限制

权限说明

权限 用途
tabs 查询 / 切换 / 关闭标签页,读取标题与 favicon
storage 保存开关状态、「显示链接」配置、排序方式、悬浮按钮位置与快捷键
scripting 对已打开的标签页按需注入标签栏脚本
<all_urls>(host) 允许在所有页面注入标签栏、后台抓取 favicon

License

MIT

multi-row-tabs (hezhizheng/multi-row-tabs)

Searching Database…

Что это?Расширение для Chrome (Manifest V3), которое показывает все вкладки текущего окна в виде многострочной мозаичной сетки — как плавающую поверх страницу панель, вызываемую кнопкой или горячей клавишей, без изменения стилей самих страниц.
Почему оно плавает над страницей, а не заменяет собственную панель вкладок Chrome?Расширения Chrome не могут менять нативную панель вкладок браузера, потому что она относится к слою интерфейса браузера, а не к странице. Поэтому вместо этого расширение внедряет перетаскиваемую плавающую кнопку, по щелчку показывающую панель вкладок поверх страницы.
Плавающая панель вкладок работает на каждой странице?Нет — она не появляется на страницах chrome:// и в Chrome Web Store, потому что расширения не могут внедрять туда content-скрипты, а после перезагрузки расширения уже открытые вкладки требуют ручного обновления, чтобы подхватить новый скрипт.
Как отсортировать вкладки в панели?Доступно три режима: по умолчанию (как порядок вкладок в самом Chrome), по имени (в порядке китайской пиньинь-транскрипции) и по домену (собирает поддомены одного сайта вместе); выбор запоминается автоматически.
Можно управлять вкладками с клавиатуры?Да — когда панель развёрнута, стрелки перемещают фокус между вкладками, Enter переключает на выделенную вкладку, Delete закрывает её, а Esc сворачивает панель.
Какая горячая клавиша по умолчанию и можно ли её поменять?По умолчанию это Alt+Z, и любую свою комбинацию можно записать во всплывающей панели расширения.
Появятся ли предупреждения о смешанном контенте из-за http-фавиконок на https-страницах?Нет — фавиконки загружает фоновый скрипт и перед показом превращает в data URL, поэтому иконки, доступные только по http, никогда не вызывают предупреждение «Mixed Content» на https-страницах.
Creator
hezhizheng
Size
<0.1 MB
Stars
252
Age
1mo
Commits · 90 Days