😎我把 Chrome 新标签页变成 VS Code —— TabStudio

发布于

### 项目初衷:
本项目基于身后常有主管经过的同仁害怕摸鱼被发现的痛点开发:在浏览器查资料或看技术文章时,鲜艳的网页排版在 IDE 界面中间显得尤为扎眼。为了实现“**沉浸式摸鱼而不失礼貌**”,我开发了 **TabStudio** —— 一个将 Chrome New Tab 伪装成像素级 VS Code 工作区的浏览器扩展。

### 摸鱼设计学(核心功能):
- **Tab 级网页嵌套 (Embedded Web View)**:告别 Chrome 原生标签页,网页直接作为 IDE 内的文件页签打开,切网页就像切 `.js` / `.py` 文件。
- **第三方网页 Force Dark Mode**:针对白底网页提供智能暗色重绘滤镜,确保全局暗色 IDE 视觉色调一致,不会因为突然亮屏引发后方关注。
- **伪装终端 CLI 交互 (`Ctrl + ~`)**:支持底部 Terminal 面板上下自由拖拽,支持通过 `search <关键词>` 指令直接在命令行发起检索。
- **⌘ + P 键盘流**:Command Palette 模糊搜索书签与网页,减少鼠标点击频率,打造“这人在狂敲代码”的假象。
- **Scratchpad 临时代码板**:摸鱼途中随手粘贴临时代码段或笔记,支持实时自动保存。

**说明:** 本项目基于 Manifest V3 规范开发,提供 5 套主流 IDE 主题与中英双语,已正式上线 Chrome Web Store。

### 🛒 官方下载链接:
[Chrome Web Store 官方下载链接](https://chromewebstore.google.com/detail/tabstudio-ide-workspace/hlgjebcpmmlffoobkgkjmjghfkdgphng)
![TabStudio 视觉预览](http://pic.zhso.org/2026/07/29/5a93af5d6860.webp)

---

原文链接:[点击查看](https://www.v2ex.com/t/1231203)

评论(1)

图床挂了,楼主顺便换个能看的图床吧,而且功能看着确实挺有意思。

· 0 个赞

0.085221s