一、基础操作与视觉管理
1. 标签页拖拽分组
- 直接将标签页拖动到其他标签上方（如将3个购物网站标签合并为一组）
- 使用扩展商店安装Tab Groups Manager右键点击标签栏空白处，选择“新建组”并重命名为“工作”“娱乐”
- 通过开发者工具Elements面板修改div id="tab-group"样式，调整组间距为10px（默认8px）
- 在Console面板输入`document.querySelectorAll('tab-group').forEach(g => g.style.borderRadius = '5px')`添加圆角效果
2. 颜色标记与快速识别
- 右键点击标签页选择“标签颜色”，为不同组别设置固定配色（如红色=紧急处理，绿色=待办事项）
- 使用扩展商店的ColorZilla提取网页主色调并自动应用到对应标签组（需开启“权限”中的书签访问）
- 通过开发者工具Local Overrides修改`chrome://newtab/`页面CSS，高亮显示当前活动组标签
- 在Console面板输入`document.activeElement.style.boxShadow = '0 0 5px ff0000'`实时突出显示焦点标签
3. 折叠与隐藏功能
- 点击标签组右侧的三角形图标展开/折叠整个组（适合临时隐藏多个任务标签）
- 使用扩展商店的TooManyTabs设置“超过5个标签时自动折叠新组”规则
- 通过开发者工具Network面板过滤“collapse-group”请求，阻止服务器同步折叠状态
- 在Console面板输入`window.localStorage.setItem('tabGroupCollapsed', JSON.stringify({'工作': true}))`强制保持折叠