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…

What is this?A Chrome extension (Manifest V3) that displays all tabs in the current window as a multi-row tiled grid, shown as a floating overlay you trigger with a button or shortcut, without modifying any page styles.
Why does it float over the page instead of replacing Chrome's own tab bar?Chrome extensions cannot modify the browser's native tab bar since it belongs to the browser UI layer, not the page. So instead it injects a draggable floating button that reveals a tab bar overlay on top of the page when clicked.
Does the floating tab bar work on every page?No - it cannot appear on chrome:// pages or the Chrome Web Store because extensions can't inject content scripts there, and after reloading the extension, already-open tabs need a manual refresh to pick up the new script.
How can I sort the tabs in the bar?Three modes are available: default (matches Chrome's own tab order), by name (Chinese pinyin order), and by domain (groups subdomains of the same site together); the choice is remembered automatically.
Can I navigate tabs with the keyboard?Yes - once the bar is expanded, arrow keys move focus between tabs, Enter switches to the highlighted tab, Delete closes it, and Esc collapses the bar.
What's the default shortcut and can I change it?The default shortcut is Alt+Z, and you can record any custom key combination from the extension's popup panel.
Will mixed-content warnings show up for http favicons on https pages?No - favicons are fetched by the background script and converted to data URLs before display, so http-only icons never trigger a 'Mixed Content' warning on https pages.
Creator
hezhizheng
Size
<0.1 MB
Stars
252
Age
1mo
Commits · 90 Days